Working with InVision V7 prototypes

This article provides answers for InVision V7. If you're on InVision V6, read this article instead. Not sure which version you're using? Find out now.

InVision V7 lets you quickly create interactive prototypes and gather instant feedback from your users/stakeholders.

To get started, you must create your mockups/wireframes in another design tool, like InVision Studio (available with numerous plans, including our Free plan), Sketch, or Photoshop. If you need a free online tool, consider InVision Freehand, Pencil Project, wireframe.cc or moqups.com.

You can also check out this site for popular device image sizing (including desktop/laptop monitors, click the upper right icon for monitors). If uploading screen images directly to InVision rather than syncing design files with Craft Sync, you will need to edit your images using an external image editor (e.g., Omnigraffle, Adobe Photoshop, Pencil Project, or Microsoft Paint) prior to uploading your image files in InVision.

Once you’re ready to get started, follow these steps:

1. Sign in to InVision here: your-team-name.invisionapp.com
2. At the top right of the page, click the + Create button, and then click Prototype.
3. Enter a prototype name and select the device type you want.
4. Click the Create button or press Enter.
   

   

5. You have a couple of options for adding screens to your prototype:
   • Upload your pre-created screens designs as images by dragging them to the Drag and drop screens here area or by clicking Browse your files.
   • Use Craft Sync to upload your design files directly from Sketch or Photoshop.
     

     

6. Add hotspots to create the user flow of your prototype.

After completing those steps, you're ready to share your document with your clients or stakeholders to view and/or comment.