Origami for Quartz Composer is no longer supported. take a look at Origami Studio, a new Mac app built on the principles of Origami.
Origami is a free tool for designing modern user interfaces. Quickly put together a prototype, run it on your iPhone or iPad, iterate on it, and export code snippets your engineers can use.
We created Origami to help us design and build many of our products at Facebook, including Instagram, Paper, Messenger, Slingshot, Rooms, and Groups. We’re excited to see what people make with it.
Get your swipe on with the most advanced and easy to use gesture components out there.
Origami 2.0 has our most powerful scroll component yet. It supports free, paged, and wheel of fortune scrolling and a ton of advanced features.
Easily make anything swipe-able and synchronize effects with our easy to use Swipe component. Just add it, connect a cable, and you’re done.
Prototype with taps, double taps, and long presses with easy to use components.
See how simple it is to tie effects to a swipe. Drag from Progress to the background’s Opacity.
Show off your designs in presentations with full screen, backgrounds, and a number of different of devices. All while controlling your prototype with an iPhone or iPad running Origami Live.
Try our presentation controls.
Export code snippets to iOS, Android, and the web with a click.
Origami can now export code for the parts of your prototypes you used to have to tediously spec to engineers. Now with the click of a button, you can deliver your animation specs as code to your engineers that they can copy-and-paste into the project.
This uses our free, open source animation frameworks to deliver the exact same feel across all platforms. Take a look at some sample code this can generate and learn more about it.
Origami lets you create links between layers in your prototype and layers in your Sketch file. Once they're linked up, hitting a keyboard shortcut will instantly update your prototype with all of the latest assets without interrupting it. You can even update assets with one hand while interacting with them in Origami Live with the other.
If you're a Photoshop user, we've got you covered too. Origami layers can also be linked to PSD files.
Use Origami to prototype desktop websites and apps with features like text input, custom cursors, FaceTime camera, OS X drag and drop, and a resizable web browser frame for prototyping responsive designs.
Download Origami for Quartz Composer and quickly get up and running with examples, tutorials, documentation, and a helpful community.
