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

# Upload your design

Below are the steps to easily upload your design and create a professional-looking mockup.

<figure><img src="https://1983433892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg2mMV71YxI2cnxSKyNau%2Fuploads%2FqsakGD9HNMqv3SQUn40W%2Fclick-on-edit-mockup.png?alt=media&amp;token=277e073e-91f9-4d08-af84-970bf4ae41b3" alt=""><figcaption></figcaption></figure>

1. Select the 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%2F1NlMxLqlY1qKhbyNLw96%2Fupload-your-design.png?alt=media&amp;token=301b5b42-7271-4669-a16f-7853e6716570" alt=""><figcaption></figcaption></figure>

2. Click on the **Upload** button under the **Design Tab**.

<figure><img src="https://1983433892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg2mMV71YxI2cnxSKyNau%2Fuploads%2F57GwzYLopglHKxPPOXxt%2Fadd-your-design-to-mockup.png?alt=media&amp;token=f45a7ff7-c1c1-4d0f-9295-d3a2ae32dd49" alt=""><figcaption></figcaption></figure>

3. Upload your design, and once uploaded, it will be visible under **Project Assets**.
4. Next, click on the uploaded design.
5. Your design will get added to the mockup.
6. All changes are automatically saved, so even if you accidentally click on **Back**. You’ll not lose the progress.