> 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/replace-your-design.md).

# Replace your design

### How to replace a design

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

1. Select your mockup and then click on **Edit Mockup**.

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

2. Next, select the **Design** tab on the top menu and upload a new design.

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

3. &#x20;Click on the new design you just uploaded.
4. A new design has been added to your mockup.
5. All changes are automatically saved, so even if you accidentally click on **Back**. You’ll not lose the progress.