Explore the power of InVision Studio

Joseph Angelo Todaro — Joseph
Angelo Todaro
Video producer at InVisionApp Inc

Course outline

A comprehensive series of video tutorials designed to take your craft to new heights

Getting to know InVision Studio

Importing from Sketch

Screen Design Fundamentals

Adding and editing text layers

9:31

Great typography is a pillar of excellent design, and Studio gives you the tools you need to make strong typographical decisions.

Managing layers

4:03

As projects scale and documents become densely populated with elements, it becomes increasingly important to stay organized and agile.

Masking layers

4:55

Masking is a powerful way to keep design elements contained within a specific area or shape.

Using boolean operations

4:46

Using boolean operations, it’s easy to produce complex vector shapes by combining simple design elements.

Scrolling artboards

2:42

When the content of your screen design exceeds the boundaries of a device’s physical size, Studio solves the problem with easy-to-make scrollable artboards.

Rapid Prototyping

Advanced Animation

Advanced animation using motion

4:16

When you’re ready to take the fidelity of your prototypes to the next level, the Motion transition allows complete control over the transition that takes place between each and every layer of your screens.

Fine-tuning animations with the Timeline Editor

7:14

Using the Timeline Editor, we can pinpoint the perfect timing and duration for each layer to create meaningful context through motion.

The timer trigger

2:40

When designing complex experiences and animations, you may want a transition to begin automatically, without the user taking action.

Designing with Components

Creating, adding, and editing components

3:01

Components save countless hours of work by keeping the appearance of repeating design elements in sync with one another.

Component overrides

3:16

Where there are rules, there are exceptions. Component overrides allow us to make visual exceptions to component instances for incredible flexibility.

Component resizing

2:34

Using percentage based measurements and anchoring, components can be made scalable and responsive for even more… well… flexibility.

Shared design libraries

7:05

Shared design libraries allow any Studio document's component library to be a single source of truth — propagating changes to all files using those components.

Collaborating with InVision Cloud

Studio Jams

Watch, learn, and get inspired as design all-stars from our community take Studio for a spin. Download their files and put what you’ve learned into action!

Love what you’re seeing here?

Join the many awesome designers creating Studio Jams by sharing your concept on Twitter with #InVisionStudio.

Additional resources

Continue learning from design experts, community leaders, and Studio pros. You’ll find information and videos on advanced animation tips, design library best practices, and much more.

Free. Forever.

Push your craft to new heights.

InVision Studio—designed with you in mind.

Make your next screen your best one yet.

Download studio free Download studio

Master the power of

Joseph
Angelo Todaro

Video producer at InVisionApp Inc

Details

Share

Share

Course outline

Getting to know InVision Studio

Importing from Sketch

Screen Design Fundamentals

Rapid Prototyping

Advanced Animation

Designing with Components

Collaborating with InVision Cloud

Studio Jams

Love what you’re seeing here?

Additional resources

Free. Forever.

Push your craft to new heights.

Master the power of

Joseph Angelo Todaro

Video producer at InVisionApp Inc

Details

Share

Share

Course outline

Studio Jams

Love what you’re seeing here?

Additional resources

Free. Forever.

Push your craft to new heights.

Joseph
Angelo Todaro