Origami - the tool Facebook uses to make products such as Instagram, Paper, Messenger and Slingshot – has been given a thorough makeover and an upgrade.
App interfaces are becoming increasingly fluid yet designers often still rely on static comps to communicate their ideas. Origami aims to help designers build living, interactive product prototypes, without the need for any coding on the maker's part.
Origami 2.0
Origami's headline new feature is Code Export. It will covert your visual design into code for iOS and Android devices, and also make snippets for web animations too. This means developers can paste code into their products without the need for specs.
Other new features include...
- Presentation mode – Full screen, beautiful Mac based previews of how apps will look on iOS.
- Sketch Integration – Origami 2.0 now works with Sketch via a plugin. There's a similar system for Photoshop too.
- New Origami tutorial resources – If you fancy trying Origami, there's a library of new learning resources now available.
Origami Live
Designers have, since Origami 1.0 landed, been clamouring for the ability to test prototypes on iOS devices. The Origami Live app is the answer to their prayers.
Just download the free app from the App Store, connect your iOS device to your Mac, and you'll be able to interact with your design in a mobile environment.
The simulation environment supports multitouch and device sensors.
Words: Martin Cooper
Like this? Read this!
- 10 web design trends that will change everything in 2015
- Free adaptive web design ebook available now
- The best free WordPress themes
Thank you for reading 5 articles this month* Join now for unlimited access
Enjoy your first month for just £1 / $1 / €1
*Read 5 free articles per month without a subscription
Join now for unlimited access
Try first month for just £1 / $1 / €1
