Close

So, how can we help you?

Tell us a little about you and your project and we will get back to you quickly.

Send
Using Origami to design animation

April 22nd, 2014 Jeremy Jeremy

Origami
Yesterday I mentioned that Facebook will be open-sourcing Pop, the awesome animation framework that powers Our Choice and Facebook Paper.

But what about designers? While learning Objective-C and using Pop would be great, that’s a ton work.

Well, designers, you are in luck. Origami is a tool that Facebook built on top of Apple’s Quartz Composer that makes designing incredible animations for apps relatively simple.

Even better news? Once Pop comes out, your programmers won’t be complaining so much when you come up with that crazy animation because the Pop animation framework will integrate with Origami. That is huge.

But… Quartz composer and Origami have a bit of a learning curve. I’ve considered taking some time to make tutorials since I think these tools are so important, but today I found out that I don’t have to. Nathan Manousos, creator of Flinto has already started making some short, no-nonsense tutorials that teach the basics really quickly. Really great stuff.

Tut 1:

Tut 2:

Tut x: if you want Nathan to make more, I suggest sharing those videos on Twitter, Facebook, etc. and be sure to send Nathan a tweet expressing your appreciation. It’s a great service to the community.

If you want a more in-depth look at Origami, check out Jay Thrash’s talk, Prototyping with Facebook Origami.

clicking on ".more" toggles class "visible" on "#popover" clicking on ".pageCover" removes class "visible" on "#popover"