Design Mockups Overview

Whether it’s a rough wireframe, a sketch, or a polished design mockup you need to upload and share, we’ve created the perfect new addition to Slickplan called Design Mockups. Just like any other page attribute, it’s accessible from the page menu and instantly gives you access to drag & drop image files onto your sitemap.

  1. To begin adding design mockups to your project, click Design Mockups from the navigation bar at the top of the page.

    b92cd8a3-74f4-43cb-9487-9385f1aacc32.gif

  2. You can select previously uploaded images from the File Library, or upload new ones by clicking Upload Mockups.

    Screen_Shot_2020-11-06_at_2_38_00_PM.png

  3. From the modal window, drag & drop files or select them manually from your computer by clicking Select files, then the upload button.

    48a83dfe-cbfb-45f2-a7d9-cc1f96f5d00c.gif

  4. 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.

    a17b5d51-b596-4cb0-94c8-e2fa47737618.jpg

  5. Confirm by clicking the Add Files button. Design mockups are now attached to the sitemap pages.

    c6000f45-e90d-493e-8d40-3f09b07ab5c1.jpg

  6. Hover over any row to preview, download, or delete the mockup.

    3d41a33a-18d1-40eb-9115-00521c23feb3.gif

  7. To comment on a mockup, click the thumbnail or the preview icon. Type your comment in the text area on the right and hit Enter.

    84ba2c44-02aa-4c65-9b32-ce7f2e851178.jpg

  8. To browse through all pages with mockups, click Present in the upper left hand corner.

    319dd4c7-a580-447d-a97c-b4fad18ce931.gif

  9. You can also open images in new browser tabs by clicking the New Window icon.

    2cc648ca-0b11-4edd-afc8-c9610d673903.jpg
Have more questions? Submit a request