Prototypes

Before you start Deleting is permanent—it's not possible to restore deleted documents. If you need to access the document in the future, consider archiving it instead. Learn more in this article: Archiving and unarchiving prototypes, freehands,...

With InVision, you can archive documents that are no longer relevant or needed. If at some point you need to revisit that document, you can easily unarchive it and continue working. Note: Unless you're on an Enterprise plan, only the owner of ...

InVision offers a number of different mobile device frames for viewing prototypes. Below you will find the resolution for each available device frame. Note that the resolutions listed are for portrait mode. InVision will automatically scale scree...

If a screen section title shows "[number] screens not shown" , but you cannot see the screens, it's likely that the screen section is collapsed.  To expand the screen section, click the divider, or hover over the right side of the section title an...

With InVision V6, you can create a hotspot that acts as an anchor link to a specific position on the same screen.  To create an anchor link on a prototype screen: Sign in to your InVision V6 account and navigate to the Documents page. Click ...

To rename a prototype in InVision: Sign in to your account and navigate to the  Documents page. Hover over the desired prototype and click View Prototype . At the top of the page, click the prototype name and begin typing. To save your change...

To help familiarize you with InVision, we provide fully functional sample prototypes. Each sample prototype serves as a risk-free playground that will let you use realistic content to practice building, editing, inspecting, and collaborating. To lea...

Hiding the console toolbar To hide the InVision console toolbar: Open a document (any prototype, board, or freehand) in InVision. Click any screen. In the lower-left corner of the Console, click the  Hide  button. Showing the console too...

Team members have the option to create prototypes and boards in their personal account, or in the Team plan they're members of. If you are the Team owner, you can only create prototypes and boards under the Team plan. Creating a team or person...

If there are documents you access frequently, you can star them and easily access them from the Starred tab. To star a document: After signing in to your account, navigate to the Documents page. Hover over your desired document. In the botto...

To resize a hotspot you’ve already created: Go into Build mode. Move your cursor to one of the corners of the hotspot. You should see it change into a diagonal pointing arrow. Then click and drag the corner to resize the hotspot.

At this time, it’s not possible to view your mobile prototype on a Windows Phone device. If you're interested in support for the Windows Phone, please let us know and we'd be glad to pass your feedback on to our Product team.

At this time, it’s not possible to view your Android wearable prototype on the device itself. If you're interested in Android wearable support, please  let us know  and we'd be glad to pass your feedback on to our Product team.

Here's how you can enable alphanumeric sort for your screens: Go to your prototype. Click the More button above your screens (•••). Click Use Alphanumeric Sort. Click Confirm. Please note that when you enable alphanumeric sort for your scr...

If you’re seeing broken images when you go to your prototype dashboard, please follow these troubleshooting tips: Make sure you’re uploading acceptable file formats . Try logging into InVision in another browser or in an incognito/private browsi...

If you want a button to float on top of your design as you scroll (for example: a floating action button in Material Design), you can create a fixed element using fixed headers and footers. Below you’ll find a helpful video that demonstrates how it’...

To set up a timed redirect on one of your screens: Go to the appropriate screen in your prototype, and then go into Build mode. Click the timer icon at the very top of your prototype. Select a destination, a transition effect (mobile prototypes ...

The loading screen is the screen you'd like your clients and stakeholders to see when your prototype is loading via a share link. It will appear while loading your prototype and then automatically transition to the screen you selected your prototype...

Background When you embed a mobile prototype, we generate some HTML that you can use to place an interactive version of your prototype on your website. That HTML uses an iframe to show the mobile prototype, and the size of that iframe is automatica...

Our skins for wearables let you design for all three versions of the Apple Watch: standard, Sport, and Edition. And the two Android skins are flexible enough to fit all the most popular options, like the Moto 360, LG G Watch, and Samsung Gear. App...

To create a wearables prototype: Sign in to your account and click the + button on the right.  Select Create new prototype . Select your wearables type (Apple Watch or Android Watch), and then click Create . Upload your screens/wiref...

It's not possible to scroll horizontally on mobile prototypes. InVision fits the width to the device size.

Vertical scrolling on the device is controlled by the length of the screen vs the physical display size. Your screens must be at least 1 px longer than the device size to allow for scrolling. Check out this site for a list of the sizes of the most...

Just as with mobile prototypes, you can choose from a variety of skins for your Apple Watch or Android Wear prototypes. These settings can be updated globally from any screen in your prototype. While viewing your prototype, click on a screen. Cli...

At this time, it’s not possible to install your prototype on your wearable/watch.

In mobile prototypes, the background color is dependent on the content in the screen's image. InVision pulls the four corner pixel colors and tries to match the background as closely as possible. If you've set a background color in your design, tha...

Within InVision, you can sort your prototypes by name, recent activity, or collaborators. Sorting and filtering documents To sort or filter documents: Sign in to your InVision account. Click  Documents . Select your sorting criteria from t...

With InVision, you can quickly download specific screens. To download specific prototype screens: Sign in to your InVision account and open the preferred prototype. Hover over a screen and check the circle. Repeat this for each screen you want t...

Below is short video that will illustrate how to change your mobile skin (device version and color).  It's also possible to change device types (desktop, mobile, etc.).

Here’s how you can delete a screen section: 1. Hover over the section divider. You should see a small X icon on the right side of the section. 2. Click the X to delete the section. Deleting a section does not delete the screens inside it....

There currently isn't a way to remove versions from your screen history.

You can access the zoom/scroll settings from the configuration cogwheel on the bottom right toolbar of desktop prototypes: Here's a little more information on how the zoom/scroll feature behaves: Normal: This leaves your screen as-is. Hide ...

On desktop prototypes, multi-action hotspots can be achieved with multiple screens.  Here’s an example of how it might work: Create an initial screen with an icon that would open a new window (like a hamburger icon that opens a drop-down menu). ...

With InVision V6, you can duplicate screens from one prototype to be used in a different prototype. Before you start Note that copied screens do not include the original hotspots, comments, screen history, or Inspect data. Copying screens to an...

Duplicating a prototype, board, or freehand allows you to work on new ideas without disrupting your original designs. Before you start Here are a few things to note before duplicating documents: Duplicate prototypes do not include the original c...

Because many designers leave space at the top of their designs for a device's status bar, InVision by default overlays the status bar on the design. If you don't include extra space in your design and your mobile screens appear cut off at the top, ...

To disable hotspot hinting when viewing a prototype on our iOS app, you can enter  user test mode—described here: User testing with the InVision iOS app To disable the hotspot flashing on your live demos: Open your prototype and, in the top-ri...

To change the device type and orientation of a prototype: Sign in to InVision and open your prototype. Click the ••• (more) icon, then click Change type . Select a type, then choose the appropriate orientation. Click Continue . To lear...

InVision pulls the bottom corner pixel colors and tries to match the background as closely as possible. However, if needed, you can create a custom background color or image for your desktop prototype screens. These steps apply to desktop prototy...

Here’s how to apply a template across multiple screens at once: 1. View a screen in Build mode. 2. Click the hotspot template drop down at the top and hover over the template to apply.  3. Hover to the right of the hotspot template name, then click...

To hide the InVision logo and UI buttons while viewing a prototype via a share link, the viewer (or presenter) can use this keyboard shortcut: Command + Shift + . You can also remove the InVision logo and UI buttons from a prototype share link vi...

For screens, we currently only support upload of source image files in GIF, PNG, JPEG, or PDF format. If you’d like to extract screens from PSD and Sketch files, check out Craft Sync which lets you generate screens right from within Sketch and Photo...

Currently it is not possible to embed videos within your screens. As an alternative, however, you can upload a static image from your video and create a hotspot that links to the externally hosted video file. That way, when a user activates the hots...

With InVision it's possible to create a scrolling effect with a fixed background. To create a fixed background for a web prototype in the InVision app: Navigate to your prototype. Select Build Mode. At the bottom of the window, click the config...

Creating and applying hotspot templates Here’s how to set up and apply hotspot templates: Create a hotspot . In the hotspot setup, select the destination screen. Check the Include in Hotspot setting. Click Create New (when initially se...

Offline Viewing on iOS When you use the InVision iOS App, you'll be able to load a prototype once, and it'll be available offline from there on out (unless you sign out of the app on your device).  Enabling airplane mode is recommended, as that wi...

With InVision you can set fixed headers and footers, adding an additional level of realism to your prototype. Desktop To set a fixed header or footer on a desktop prototype: Open your prototype and navigate to the desired screen. At the bottom ...

To update the icon that appears on your mobile device: Sign in to InVision. Open your prototype. At the top left of the page next to your prototype name, click the grey + sign and upload your icon there. All icons must be PNGs and no larger...

The status bar can be removed for viewing on the desktop and in the InVision iOS app. If the status bar is hidden and the prototype is viewed in Safari on iOS, there's no way to remove the status bar and it will be visible due to limitations in Safa...

Adding a GIF to your prototype To add a GIF to your prototype: Create or download the GIF you want to use. Open your prototype on InVision. On the Screens tab, click the pink + icon. Click Upload Screens , select your GIF, and click Op...

With InVision, you can create realistic drop-down menus for your desktop prototypes. Check out the following video for a walkthrough of the process.

Before you start Before viewing a screen's history, here are some things to note: To ensure that screens appear in the screen history, follow the screen-replacement process mentioned in this article: How do I replace a screen? You cannot resto...

To edit the name of your screen: Go to the prototype homepage. Click the screen title. Make any needed edits.

It is possible to remove a prototype from your dashboard. You need to leave it, so you're no longer a collaborator on the prototype. To leave a prototype: Sign in to your InVision V6 account and navigate to the Documents page. Click the prot...

There currently isn't a way to revert back to a previous screen/versions from your screen history.

You can easily mockup your web prototypes for high-resolution displays, commonly known as retina or high DPI. InVision will display any image at 50%—it doesn’t matter if it's a screen or a background. All you have to do is use the modifier @2x (e.g...

Sometimes you may want to remove a screen from your prototype. Depending on your needs, you can either archive or permanently delete the screen. Archiving vs. deleting Archiving a screen removes that screen from your prototype. However, it can sti...

Slow load time usually comes down to a large number of screens within the prototype, large images, and/or lots of hotspots within each screen. The number of screens per prototype, in conjunction with, the number of hotspots on each screen can slow ...

With InVision V6, you can create password-protected links for your documents. This article applies only to InVision V6. To learn about password protection in InVision V7, check out  this article  instead. Before getting started Note that yo...

This article provides answers for InVision V6. If you're on InVision V7, use these instructions instead . Not sure which version you're using? Find out now . Replacing screens using Craft In InVision V6 prototypes, screens synced using Craft a...

With InVision V6, you can organize your prototype screens into different sections. This is helpful for breaking down larger prototypes, as well as for sharing specific screens in your prototype. Using manual sort Before organizing your screens i...

Prototype screen sizes can vary from device to device, but this article aims to provide a few resources for finding common screen resolutions for both desktop and mobile devices. For information on prototype device frame dimensions in InVision V6, ...

You can view a prototype on your mobile device by scanning a QR code or sending an SMS containing a link to the prototype. Clicking the link will open the prototype in your mobile device's browser or in the InVision mobile app, if installed. To vi...

If you rename an artboard in Sketch that was previously synced via Craft Sync, InVision replaces the original screen with the newly updated screen. It is currently not possible to create a new screen in InVision by renaming previously synced artboa...

If you're on a Team plan , you can publish prototypes to your team directly from Craft Sync in Sketch. Before you start The team sync functionality is only available in Craft Sync for Sketch. When syncing to an existing team prototype, you need...