Video Academy

Getting started

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

UI basics

• Overview of the Proto.io Editor
• The Proto.io Player interface
• Sharing
• Asset Flow
• Masking tool
• Easings Manager

Screens

• Screens and Screens Navigator
• Screen Transitions

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

• Using the Proto.io Design Plugin for Adobe XD
• Using the Proto.io Design Plugin for Sketch
• Using the Proto.io Design Plugin for Photoshop

Variables

• Introducing variables

Interaction Design Patterns

• Scrolling feed
• Carousel
• Vertical scrolling feed with expandable content
• Pull to refresh
• Slide-in menu
• Slide to delete
See all 8 articles

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