InVision Essential Training: Studio

Learn the fundamentals of InVision Studio, a powerful tool for comprehensive screen-based design projects.

Introduction

• Design, prototype, and animate all with InVision Studio
• Keeping up with InVision Studio
• Ongoing updates, resources, and handouts

1. A Tour of Studio

• The welcome window
• The anatomy of a document
• A tour of the interface
• Saving Studio files

2. Importing from Sketch

• Importing from Sketch to InVision Studio
• Copy and paste from Sketch to Studio
• Best practices for importing from Sketch

3. Screen Design

• Adding and editing text layers
• Drawing, editing, and formatting shapes
• Managing layers
• Using Boolean operations
• Masking layers

4. Rapid Prototyping

• Linking screens
• Previewing your prototype

5. Advanced Animation

• Using the Motion transition
• Editing animations with the transition editor
• Linking layers with the transition editor

6. Working with Components

• Creating, adding, and editing components
• Component overrides
• Additional tips with components

7. Responsive Layout

• Pinning elements
• Percentage-based scaling
• Toggling between different devices

8. Collaboration

• Making layers exportable
• Synching, presenting, and sharing
• Mirroring to a device

Conclusion

• Next steps