> 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

<figure><img src="/files/OWMA3HBH4R65weyubnF6" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/ml4rckW24B6dmO6Sl1er" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/JSsNBVhRW5bithwvheVA" 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="/files/un20CPEELljrKyLeU7FL" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/7rUu6ZQDpxd40pS2HoHI" 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.