Connect
To Top

Facebook updates Origami Studio for design prototyping

About three years ago I wrote about the Facebook Design teams new rapid prototyping tool called Origami that they used to design all the interactions for their new app Paper. That app had some really nice interaction patterns but it died a pretty quick death and was taken off the market. However, their design tool Origami has lived on and recently got a major overhaul to make prototyping apps much faster and easier than your current workflow.

phoneWhen it was originally launched I was genuinely excited about Origami because there has been a desperate need for a design tool like this for at least the past three years. Adobe had been completely asleep at the wheel on how digital and app designers workflows have changed and that we can’t create great experiences through static Photoshop comps anymore. Since that time Adobe has made great strides to close that gap with the launch of Adobe XD and we have seen other products like Craft bring prototyping to design tools that have found a lot of popularity like Sketch. The problem with Origami at the time was that it sat on Apple’s animation tool Quartz composer which was power but was extremely complicated.

Origami Studio is native for OS X, that uses current technology like Core Animation for stability and speed. You can check out prototypes in real-time as part of the design environment, or on an iPhone plugged into your Mac.

This new release finally simplifies the interface which can still be daunting but it makes it much easier to use. The interface is a bit like visual programming which an old concept that never got off the ground for creating actual software. You create interactions by loading up different elements and interactions then connecting them into a visual map that resembles a web site map.

One of the best parts of the tool is its library of animations and stock iOS elements that give a really nice level of sophistication to your work. It is reminiscent of the differences that make Principle my go to prototyping tool for more sophisticated interactions. The other great piece if functionality is that you can copy anything from Sketch and paste native layers into Origami Studio. Then quickly adjust, add behavior and animate any layer property without going back.

The good thing is that Origami is free and there is a very robust support system that they have also released along side the app. There is a large example library, documentation section, and community where you can get tips and ask questions. I am going to try and give it another chance but will be interested to see if Origami is going to be able to find more success this time around since they have added a lot of new functionality but is still going to have to overcome the fact that it does still have a steeper learning curve than other tools.

 

You must be logged in to post a comment Login

More in Great resource

Creative Director, Designer, Brand Builder, Speaker, Podcaster, Crazy One. As a designer, I have 20+ years experience creating the strategy, concepts, and designs for award-winning integrated global advertising campaigns, building multiple global Fortune 500 brands and creating innovative digital experiences. As a leader, I have 15+ years transforming agency and client-side teams using a mix of creativity, business strategy, process and political skill to create innovative, world-class work and cultures that change industries and companies. My clients have included American Airlines, W Hotels, Disney, Citi, ExxonMobil, Acura, Old Navy, Nationwide Insurance, Verizon, Subaru and many others. My work has received over 150 international awards, my app designs have been named as one of the World’s 100 Greatest Apps, Apple has featured my work in 9 keynotes, 4 TV commercials and more.

Follow Me On Instagram

 @baitme did an incredible job on the Mr Dob by @takashipom - details are fantastic. #takashimurakami #takashimurakamiart #mrdob #complexcon #bait #arttoy #designertoys #contemporaryart #popart #vinyltoys #urbanvinyl  Love coming home after a long week to find Mr Dob by @takashipom and @baitme waiting for me. #takashimurakami #takashimurakamiart #mrdob #complexcon #bait #arttoy #designertoys #contemporaryart #popart #vinyltoys #urbanvinyl  More in love with our @obeygiant from @galerie_itinerrance more every day. #streerart #shepardfairey #shepardfaireyart #shepardfaireyobey #streetartist #globe #earthcrisis  Feels a bit like Xmas today as our Earth Chrisis @obeygiant pieces and more showed up from @galerie_itinerrance in Paris. #obeygiant #obey #shepardfairey #streetartist #streetart #streetartparis #galerieitinerrance  Briefcase 2.0 thanks to @louisvuitton Avenue champ de Elysees #apolloalldaybag #louisvuitton #louisvuittonmonogram #monogrameclipse #lv #design #creativedirector
 Hello my name is Steve Gates and I have a Mr Dob by @takashipom problem. #takashimurakami #takashimurakamiart #mrdob #complexcon #bait #arttoy #designertoys #contemporaryart #popart #vinyltoys #urbanvinyl  Spending a lot of time away from home lately so looking forward to getting home tomorrow to see these two crazy ones. #NationalPuppyDay #pugs #pugsofinstagram #pug #puglife  Brunch with @thechiclibrary before I hit the road again #chic #tomford @blackscale #blackscale @tomford #brunch #fashion  I always love the unwritten rule in Barcelona where you can create street art on doors and shutters but not the actual buildings. #streetartbarcelona #barcelona #streetartofficial #streetart #streetartist  Another preview of our commission from @tristaneaton and based on the 'crazy' in letterpress type and archery target you should know this is my side of the piece. #tristaneaton #tristaneatonart #tristaneatonmural #streetart #streetartist #streetartofficial
 Everything is better on pairs so we got the crazy limited edition Gold Mr Dob by @takashipom and @baitme too. #takashimurakami #takashimurakamiart #mrdob #complexcon #bait #arttoy #designertoys #contemporaryart #popart #vinyltoys #urbanvinyl  Another preview of our @tristaneaton commission. Full photos coming soon #tristaneaton #tristaneatonart #tristaneatonmural #streetart #streetartist #streetartofficial  The @obeygiant globe is a limited edition replica of the one which hung from the Eiffel Tower last year and was made by the worlds oldest globe maker. #galerieitinerrance #streetartparis #streetart #streetartist #shepardfairey #obeygiant #obey @galerie_itinerrance  My kind of street art from the Gothic Quarter in Barcelona #streetart #streetartist #streetartofficial #barcelona #streetartbarcelona #hola #skull  Our abdominal snow Pug loves the weather and the 16" of snow at our house north of NYC which feels more like north of the wall today. #pug #pugs #pugsofinstagram #nyc #westchester #snow #northofthewall

Copyright © 2015 Stephen Gates