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

# Edit your design

### Reposition, resize, and rotate your design

#### Resize your design

Follow the steps below to resize your design easily over the mockup:

1. Click on **Edit Mockup** to unlock the editing options.
2. Next, click the design on the mockup; a design placeholder box will appear. 
3. Look for the **resize handle** on the bottom-right corner. 
4. Use the **resize handle** to make the design bigger or smaller.

#### Rotate your design

You can rotate your design at various angles over the mockup to find your perfect position: 

1. Click on **Edit Mockup** to unlock the editing options.
2. Next, click the design on the mockup; a design placeholder box will appear.
3. Look for the **rotate handle** on the top center of the design placeholder box.
4. Use the **rotate handle** to rotate your design in various directions.

#### Reposition your design

You can easily drag and move your design over the mockup with the following steps:

1. Click on **Edit Mockup** to unlock the editing options.
2. Next, click the design on the mockup; a design placeholder box will appear.
3. Click the design on the mockup and hold down the cursor.
4. Drag your design across the mockup, then release the cursor where you want it positioned.

<br>

<br>