> 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

Replace or remove the existing design from your mockup with these easy steps.

### How to replace a design

<figure><img src="https://1983433892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg2mMV71YxI2cnxSKyNau%2Fuploads%2Fy1x8wwUa4tnShb5auDpc%2Fclick-onedit-mockup-to-replace-design.png?alt=media&amp;token=3565dea7-3763-42a6-9d8e-ff9674693c0c" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1983433892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg2mMV71YxI2cnxSKyNau%2Fuploads%2FBXCqt8OrjdErGTg0z6aw%2Fupload-a-new-design.png?alt=media&amp;token=b29b0d80-556c-4d68-b079-d7cb62be7cf7" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1983433892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg2mMV71YxI2cnxSKyNau%2Fuploads%2FUF3e5Wo4sDh0SprITpMG%2Fadd-new-design.png?alt=media&amp;token=b47f72d1-4fed-46ac-91af-a0239481f99f" 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.