Invision Studio

Braving Through Remote Work

Prototyping Tool

InVision Studio

*Live design in the same Studio document is currently not possible.

Click here to find out more on other possible ways to share your work.

A prototyping and animation tool that lets you create advanced, vector-based screen designs fast thanks to flexible layers and an infinite canvas. Integrates with InVision ecosystem.

Link to InVision Studio's official webpage

Screen Design. Redesigned.

A new platform inspired by the world’s best design teams. Design, prototype, and animate - all in one place.

Microinteractions

Adding small animations to specific UI element, such as a button or input field, not only creates a pleasurable experience, it also adds meaning and provides immediate feedback.

User Friendly

Create prototypes that are responsive to all sorts of screens.

Design Process

Empathise
Define
Ideate
Prototype & Reiterate
Test

Operating System

Web Browser:
- Chrome (2 latest versions)
- Firefox (2 latest versions)
- Safari (2 latest versions)
InVision Studio for Apple devices:
- OS 10.11 or higher
- Mobile/tablet - IOS 11+
InVision Studio for Windows:
- Windows 10 or later with a 64-bit Intel or AMD processor
- *Windows devices with more than 8 GB of RAM are recommended
InVision Studio for Andriod:
- 7.0+

Registration

Link for Free InVision App Education License
- Contact support@invisionapp.com to request for student code
- Efficient support, gets back almost immediately
- Support will instruct you to sign up via a given link
- Takes about 1-2 days for support to expedite your free student upgrade
Some information to be provided for free student upgrade:
- Do you currently have an InVision account? If so, what is the email address for the account?
- What is your expected graduation date?
- Are you using Invision for a particular class?
Download link for InVision Studio
- Sign in with the same InVisionApp account

Best Used For

Animating
Creating Fluid Interactions
Creating High-fidelity Prototypes
Creating Screen Designs
Wireframing

Useful Features

Real-time Mirroring
Responsive resizing
Shared libraries
Templates (Device Preset Size)
Timeline Animation
Vector Editing
2-click sync to InVision web platform

Export Options

Downloading a prototype

Downloading specific prototype screens

PDF
ZIP (export screen images)

Pros

Flexible layer styling
Pixel-perfect layout
Less manual resizing
Responsive by design
No coding required
Advanced animating tools (Eg: smart-swipe transitions, timeline editing, etc.)

Cons

Quite a heavy app (ie: lags time to time)
Timeline editing has to be done manually
Lasggy animation preview
Only supports .studio and .sketch files
Steepest learning curve amongst the rest (if you are not experienced in Sketch)

Repository