Video Academy

Getting started

• Introduction to Proto.io 6
• Proto.io Essentials, Episode 1
• Proto.io Essentials, Episode 2
• Proto.io Essentials, Episode 3

UI basics

• Sharing
• Overview of the Proto.io Editor
• Masking tool
• The pasteboard
• The player interface
• Asset Flow

Screens

• Screens and Screens Navigator
• Designing for different orientations
• Screen Transitions
• Creating a Loading Screen

Containers

• Reusable containers
• Scrollable containers
• Reusable containers with states
• Containers - Page Controller

States

• Creating the popular heart animation using States
• Creating an animated splash screen using States
• Creating an animated button using States

Menus

• Tab Bars

Animations

• The Rotation Feature
• Using Rotate in Animations

Draggable

• Introducing Draggable
• Draggable Rotate

Tools and addons

• Dropbox sync
• Using the Proto.io Design Plugin for Sketch
• Using the Proto.io Design Plugin for Photoshop

Variables

• Introducing variables

Prototyping popular apps

• Pandora Tutorial Part 1
• Pandora Tutorial Part 2
• Recreating Tumblr Compose Animations in Proto.io
• iOS Weather App Variables Tutorial Part 1
• iOS Weather App Variables Tutorial Part 2
• Prototyping Path - Part 1
See all 13 articles