Page Transitions for App Designs | UX Prototyping Tutorial

In this video I go over how to add page transitions to your application designs. Origami Studios is a software that you can use to create mobile, web and tablet prototypes. I use Origami to create interactive prototypes for user testing and for creating animation documentation. I show you how to import designs and add page transitions for an application design.

In this lesson I go over how to add transitions to your prototype. I show you how to bring in an application design from Sketch into Origami, import the UI and add logic to make the pages appear when the user is in the correct navigation tab. I also show you how to animate the header text.

I show you:
- 2:01 How to add logic for page transitions
- 3:52 How to add text transitions
- 4:02 How to use Option Switch and Option Picker patches

Let's Connect

[mayghapuri]

I've watched every one of your tutorials and they're so helpful! I would love to see a video on components/design systems in Origami!