3 Step Overview of Proto.io

1. Create Wireframes ?  2. Create interactions and animations ?  3. Share, comment and test

1. Create Wireframes

  • Create wireframes inside Proto.io using component libraries of various themes such as iOS and Material Design:
  • Or export screens from Sketch or Photoshop:
  • When imported to Proto.io, they keep the same layers:

2. Create interactions and animations

  • Link elements to create interactions:
  • Use the keyframe editor to refine animations:

3. Share, comment and test

  • Share prototype with one click, and run on mobile devices:
  • Comment on interactions:
  • Integrates with 3rd party Usability Testing apps:


✌Join us for more

1000s have recommended us, sign up today for free.

  • Stay up to date with prototyping tools and design news.
  • Comment and give feedback.
  • Become an author and share your expertise.
Sign Up