Studio

Studio Intro & Overview

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 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 your team’s prototypes. Create a new project by selecting your project type—phone, table...

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 and freehand ...

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...