Intro to Studio
Studio combines design, prototyping, and collaboration into one harmonious workflow. It starts with a live design environment, which gives you the power to create intelligent layouts and interactions as part of your normal work...
Studio
Studio Intro & Overview
Studio Platform
Make Studio the most powerful screen design tool for your team by customizing your design experience through the Studio Platform—the open platform that includes the Studio App Store, complete with an extensive assets library. L...
Studio UI Tour
The Studio UI is comprised of a few areas: Toolbar: The toolbar is centered along the top of Studio and features tools and buttons for actions. These are contextual tools that extend the behavior of the primary tool. Canvas: T...
Layers Panel
Located on the left, the layers panel contains both pages and artboards with all layers. You can view each layer attribute (such as hidden, locked, masked), or rename and organize layers. Pages In Studio, you can organize your ...
Canvas
Infinite in size, the canvas gives you complete freedom on how you set up your design area. You can add one or more artboards and layers to it, then move them around by dragging. Zoom in or out on your canvas by using shortcuts...
Working with Studio Prototypes
Creating Studio Prototypes
To create a new Studio prototype: Open InVision Studio on your desktop. The application starts with a launcher window that includes all recent Studio and Sketch files. At the bottom right, click the blue plus button (). Choos...
Importing and Migrating Content
Take your design files to the next level in Studio. Studio allows a 1:1 import of Sketch files. Alternatively, you can copy/paste from Sketch into Studio. Studio also supports SVG import, copy/paste styles, and copy/paste image...
Working with Studio Layers
Once your project has been created, you’re ready to start adding layers and creating your designs. All objects have their own layer. Groups and artboards are used to organize your designs. Adding and selecting layers B...
Working with Components
When you create a component, selected layers will be converted into a single, reusable layer and added to your document library. Use components to create easy to re-use elements from your document. Whenever you update a compone...
Managing Interactions
Studio enables designers to move fluidly between visual and interaction design. Any type of layer (including artboards) can have one or more interactions. If a layer has interactions, you can see the layer marked with the small...
Publishing & Sharing
Intro to Publishing & Sharing
Once you create your prototype in Studio, it’s time for deeper collaboration with your team. There are a few ways to collaborate on a Studio prototype: Publish your prototype to InVision for sharing, viewing, inspecting, and c...
Previewing Studio Prototypes
The Studio preview settings make it easier than ever to preview and present your prototype in an environment that's as realistic and immersive as possible. You can get familiar with the various preview settings using the follow...
Publishing to InVision Cloud
There are three ways to publish Studio prototypes to InVision Cloud: Publish a new prototype Update a previously published prototype Publish a new version of a prototype Publish a new prototype To publish a new Studio prototy...
Publishing to Freehand
Perfect for initial collaboration (or any other stage, really), Studio makes it easy to sync prototypes to Freehand—where you can invite other people on your team to offer real-time feedback via the web. To create a freehand in...
Mirroring Studio Prototypes to a Mobile Device
Before using the Studio prototype mirroring feature, you'll need to ensure that both devices are running on the same WiFi network. If you have any other trouble mirroring your prototype, you may need to check for any interferen...