How do I add design mockups to my project?

  1. To begin adding design mockups to your project, open Design Mockups from the navigation bar above the sitemap.

    01._design_mockups_above_the_sitemap.png

  2. Click on Upload Mockups.

    002._upload_mockups.png

  3. Select one of the following options:
  • Direct Sync (files from Figma)
  • File Library
  • Upload files from your computer (jpg, png, pdf, gif)

To upload files from the File Library:

  1. Select the files by checking the boxes on each.

    Confirm your selection by clicking on Add Files in the lower left hand corner.

    003._add_files_from_library.png

  2. Assign images to one or multiple pages. Assign a single image to a page by selecting the page from the dropdown list, or assign multiple images to a page by checking the boxes above the image previews and clicking Assign from the bottom bar.

    03._assign_pages.png

    Confirm by clicking the Done button on the right. Design mockups are now attached to the sitemap pages.

To upload files from your computer:

  1. Click on Select Files, and from the modal window select your mockups, then hit Open.

    Screen_Shot_2022-10-21_at_2.24.09_PM.png

    You can also drag & drop files directly from your computer.

  2. To assign mockups to pages, repeat steps 3 and 4 above.
Have more questions? Submit a request