Designer’s Toolkit: Prototyping Tools
Reviews and rankings to help you find the best prototyping tool for the job
Free tool that works with Quartz Composer for prototyping mobile and desktop apps
Web, Mobile, Desktop
Origami is ideal for prototyping high fidelity animations or complex interactions for desktop or mobile apps (iOS, Android, and Apple Watch).
Prototypes are built with patches that have inputs and outputs, and a live preview of the prototype is displayed in a viewer or on a connected device. Images can be dragged and dropped into the tool and used in prototypes. Origami also supports linking to a Sketch or Photoshop file, keeping the prototype synced with any changes made to the source file.
Live simulation of prototype on device with Origami iOS app.
Fine-grain control for adding interactivity and animations to individual elements.
Advanced support for gesture based interactions.
Exports code to iOS, Android, and the web.
High fidelity output for animations and interactions without writing any code.
Good video tutorials to help new users get started.
Active community group to get additional support.
Steep learning curve; not easy to use for a first-time user.
Requires significant amount of time to learn basic patches and shortcuts that are needed to build prototypes.
Understanding the tool seems somewhat dependent on a basic understanding of programming.
Patches quickly become hard to manage when simulating multiple states and animations.
No page element in the tool; had to mentally keep track of which groups of patches correlated with which states and pages.