Getting Started with Proto.io (video)
Building Fluid Prototypes (video)
Introducing Variables (video)
Draggable Rotate (video)
Introducing Draggable (video)
Introductory video on the new Proto.io 5 feature the draggable property.
learn how to make any UI item in your project draggable.
Introducing States (video)
Quick tutorial on how to use Proto.io 5 animation states to create impressive HTML5 animations using screen states and timelines.
Learn how to add states to your screens, templates and containers
Scrollable containers and snap containers (video)
Scrollable containers can be often found in mobile apps. Watch this tutorial for step-by-step instructions on how to create scrollable containers and snap containers (carousels).
Learn how create scrollable containers and snap containers
Navigation bars and tab bars interacting with screens
Navigation is perhaps one of the most important UI elements you can find in any mobile application. Native mobile OS come with their own design guidelines for navigation that can be placed at the top of the screen (Android) or at the bottom of the screen (iOS). Navigation behaviour in Proto.io is the same for all UI libraries so this tutorial applies to tabbars on navbars UI components found in the different UI libraries.
Learn how to apply navigation menus to your screens
Editor – Drag and drop (video)
Proto.io offers an intuitive editor that includes drag and drop, snap to grid and zoom features.
Editor – Drag and drop
Screen actions and transitions (video)
Make your prototypes realistic with the advanced Proto.io screen actions and transitions like slide, fade, pop, and flip.
Learn how to add screen actions and transitions