Prototypes
Prototypes
[[ section.name ]]
[[ subSection.name ]] [[ articles[subSection.id] ? "(" + articles[subSection.id].length + ")" : "" ]]
Deleting prototypes, freehands, and boards
This article provides answers for InVision V6. If you’re on InVision V7, please check out this article instead. Not sure which version you're using? Find out now. Before you start Deleting is permanent—it's not possible to res...
Archiving and unarchiving prototypes, freehands, and boards
This article provides answers for InVision V6. If you’re on InVision V7, please check out this article instead. Not sure which version you're using? Find out now. With InVision, you can archive projects that are no longer relev...
What are the dimensions for mobile prototype device frames?
The device frames listed here are for regular prototypes only. The resolutions provided are not necessarily the same for Studio prototypes. For information on Studio device frames, check out this article: What device frames can...
Why can't I view the screens within my screen sections?
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 t...
How do I create an anchor link on my prototype screen?
With InVision V6, you can create a hotspot that acts as an anchor link to a specific position on the same screen. Note: With Studio, you currently cannot link to another position on the same screen. However, you can using Craf...
How do I rename a prototype?
To rename a prototype in InVision: Sign in to your account and navigate to the Projects page. Hover over the desired prototype and click View Prototype. At the top of the page, click the prototype name and begin typing. To sav...
What are sample prototypes?
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...
How do I hide or show the toolbar in the InVision Console?
To hide the InVision Console toolbar: Open a project (any prototype, board, or freehand) in InVision. Click any screen. In the lower-left corner of the Console, click the Hide button. To show the InVision Console toolbar aft...
How do I create a prototype if I'm on a Team plan?
Creating a team or personal prototype To create a prototype on a Team plan or your personal account: Sign in to your InVision account and navigate to the Projects page. Near the top right of the page, click the large + button....
What are Favorites?
Favorites give you quick access to your most important prototypes and boards. When you sign in to InVision, you’re able to view all projects (prototypes, freehands, and boards) as well as filter by category or Favorites. Add a...
How do I resize a hotspot?
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 h...
Can I view my mobile prototype on a Windows phone device?
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.
Can I view my Android wearable prototype on the wearable device?
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.
How do I sort my screens by name?
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 alphanume...
Why do I see broken images in my prototype?
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 incogn...
How do I create a fixed element using fixed headers or footers?
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 tha...
How do I set up or turn off a timed redirect?
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 project. Select a destination, a transition ef...
How does the loading screen work?
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 s...
What are overlays and how do I use them?
Getting familiar with overlays An overlay is a type of hotspot that lets you link to another screen as an overlay, rather than as a separate destination screen. Overlays can simulate modal windows, drop-down menus, and other on...
How do I resize an embedded mobile 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...
How can I change the skin or size for my wearable prototype?
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, ...
What wearable devices and sizes are available for prototyping?
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, a...
Can I install my prototype on my watch?
At this time, it’s not possible to install your prototype on your wearable/watch.
How do I create a wearables prototype?
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, and then click Get Started. Upload your pre-created screens/wireframes/moc...
Why is my background color wrong on my mobile prototype?
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...
How do I sort prototypes?
Within InVision, you can sort your prototypes by type, name, recent activity, or collaborators. After signing in to your InVision account, navigate to the top left of the page and click Projects. Directly above all displayed pr...
Can I download specific screens?
With InVision, you can quickly download specific screens. Currently, it's not possible to download Studio screens from InVision. However, you can export layers or entire artboards from the Studio desktop app. To learn more, che...
Can I make my mobile prototype scroll horizontally?
Currently, it's not possible to scroll horizontally on mobile prototypes. InVision auto-fits the width to the device size. We also recommend downloading InVision Studio, our free screen design platform for Mac or Windows. Studi...
Why isn't my mobile screen scrolling?
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 t...
How do I change my mobile icon?
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. Note: All icons must ...
[[ slotProps.course.title ]]
[[ slotProps.course.description ]]