Adding designs to projects

Adding design mockups – front-end web design, app UI/UX, or low-fidelity wireframes – is simple and effective for sharing with your team or clients.

1. Open your project from the dashboard.

   

2. Click on Designs in the navigation bar.

   

If this is your first time adding designs, choose one of the following options from the menu:

• My computer
• File library
• Figma

If you already have designs in your project, the Designs dashboard will look different. To add new designs, click the Upload Mockups button in the top right corner. A menu will appear with options for uploading your designs.

Choose one of the following options:

• Direct Sync: Select Figma files. Check our quick Figma guide.
• File Library: Choose from existing files. Read our File Library quick guide.
• Upload Files: (PNG, JPG, GIF, or PDF) Drag and drop files into the window.

Assigning designs to pages:

To assign your mockups to specific pages, follow these steps:

1. Upload your mockups.

   

2. Select the pages from the dropdown list on each design and click Save & add mockups to confirm.

   

3. To assign multiple mockups to one page, check the designs you want to include.

   

4. Click Assign in the bottom bar and choose the page from the pop-up window.

   

   

5. Finally, click Apply changes in the bottom right.

   

Your design mockups are now linked to your sitemap pages!