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 side of Studio is the layers panel. This panel contains: Pages Libraries Artboards and layers specific to the selected page To search for a specific artboard, group, or layer, type the object's name in t...
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, or you can copy/paste files from Sketch. Studio also supports SVG import, copy/paste styles, and copy/paste images. Importing Sketc...
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
After creating your prototype in Studio, you can publish that prototype to InVision Cloud where you can preview interactions and animations, leave comments, and inspect elements. Publishing a new prototype To publish a new Stu...
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...