Slickplan

How do I add design mockups to my project?

How to add mockups to pages.mp4

  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.