> For the complete documentation index, see [llms.txt](https://help.modor.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.modor.io/design-on-modor/editing-a-mockup/add-multiple-designs-to-your-mockup.md).

# Add multiple designs to your mockup

If you’d like to enhance your mockup by adding multiple designs, follow the steps below.

<figure><img src="https://1983433892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg2mMV71YxI2cnxSKyNau%2Fuploads%2FIOX0RlkT2CUmsF03jOxl%2Fclick-on-edit-mockup-to-add-multiple-designs.png?alt=media&amp;token=bd513a2c-1bc2-465b-bae5-340da5b6d6ef" alt=""><figcaption></figcaption></figure>

1. Click on **Edit Mockup** to unlock the editing options.

<figure><img src="https://1983433892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg2mMV71YxI2cnxSKyNau%2Fuploads%2Fq7BkWU7kJ6gwgBScGj1z%2Fadd-multiple-design.png?alt=media&amp;token=e0740004-ba3e-403d-bbdf-3e34df491fac" alt=""><figcaption></figcaption></figure>

2. Select the **Advanced** tab from the top menu and click on **Add a Design**.

<figure><img src="https://1983433892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg2mMV71YxI2cnxSKyNau%2Fuploads%2FQKdiOS0c7YJeEd63SCzF%2Fa-new-placeholder-appears.png?alt=media&amp;token=4d4fca9e-affa-4a94-80b8-c11fc463ff5f" alt=""><figcaption></figcaption></figure>

3. A new design placeholder box will appear.&#x20;
4. You can reposition and resize the design placeholder box according to your needs.

<figure><img src="https://1983433892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg2mMV71YxI2cnxSKyNau%2Fuploads%2FHGhcSljrLGOn06JKjToY%2Fupload-another-design.png?alt=media&amp;token=70193def-9ff9-4296-a504-5cb69602d8b8" alt=""><figcaption></figcaption></figure>

5. Now, go to the **Design** tab and upload another design.

<figure><img src="https://1983433892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg2mMV71YxI2cnxSKyNau%2Fuploads%2FbQdUy4XBxyNbKRYb205D%2Fadd-your-new-design.png?alt=media&amp;token=3cb331cb-d75b-4578-9cdd-c4a7baac3b6e" alt=""><figcaption></figcaption></figure>

6. Select the design you want to add.
7. Your new design has been successfully set to the design placeholder on the mockup.&#x20;
8. All changes are automatically saved, so even if you accidentally click on **Back**. You’ll not lose the progress.
