← 01 – Get Started Fast with InVision Studio

1.1 – Prototype walkthrough

by MDS

Welcome to Switch to Studio series! Let's take a look at the first prototype we'll design and build together in this first sprint. View the live prototype.

Download the Files

1.1 – Prototype walkthrough
Now Viewing
01:11
1.2 – Simple UI animation
03:09
1.3 – Duplicating and modifying interactions
18:47
1.4 – Exploring Swipe interactions
15:14
1.5 – Advanced time-based animations
17:29

1.1 – Prototype walkthrough

by MDS

Welcome to Switch to Studio series! Let's take a look at the first prototype we'll design and build together in this first sprint. View the live prototype.

Download the Files

2.1 – Keep these things in mind before you design an app
Now Viewing
02:30
2.2 – Design an iOS tab bar
14:12
2.3 – Card-based UI design
30:49
2.4 – Interior detail screen design
22:16
2.5 – Using existing components for additional screens
10:19

1.1 – Prototype walkthrough

by MDS

Welcome to Switch to Studio series! Let's take a look at the first prototype we'll design and build together in this first sprint. View the live prototype.

Download the Files

3.1 – Detailed inspection of app animations
Now Viewing
05:21
3.2 – Level up your animations using Masks
09:53
3.3 – Layer your animations for rich interactions
15:48
3.4 – Ways to refactor and enhance your animations
12:59
3.5 – Duplicating and repurposing animations
17:10

1.1 – Prototype walkthrough

by MDS

Welcome to Switch to Studio series! Let's take a look at the first prototype we'll design and build together in this first sprint. View the live prototype.

Download the Files