I was hoping this would come with a tutorial or at least an example project. It’s unfortunately a bunch of patches and assumes a lot of knowledge of Quartz Composer. It’s hard to even filter the Origami patches from the rest (best way is Library > Custom)
See below for examples
Matt - a few examples are here: http://facebook.github.io/origami/examples/
Ahh perfect. Thanks!
Oh what! This looks great!
Also, the Prabrothers have a great Quartz Composer resource
Parabrothers is a very nice resource. Thanks!
As a designer who worked at Facebook, I can tell you that learning Quartz Composer will make you a better designer. The learning curve is steep but QC is head and shoulders above any other prototyping environment including HTML/CSS/JS or native prototyping (even for highly technical people).
Having said that, it's only a stepping stone -- we still need to design a better design tool. http://worrydream.com/MagicInk/#designing_a_design_tool
I've been working on a design tool that aims to blend the fluidity of Illustrator/Photoshop with the prototyping capabilities of QC. I'd love to get some feedback. http://www.colmtuite.com/a-better-prototyping-tool
Is there an advantage to this above Framer.js in terms of communicating the technical details of an interaction to an engineer?
Really glad this happened. I hope they release the tools to get compositions running on mobile devices soon.
Great work from Austin Bales and co.
They really should have used
background-position: 50% 0;:)
Would it be worth learning quartz composer to help define and tweak animations and interactions for iOS? I've been using Edge animate for this purpose, but it's a bit limited and focused on HTML/js output.
So this installs custom patches for design prototyping? Looks huge & awesome. Needs a rendering output to HTML + CSS + JS next then we're in business.
This is super neat, glad that QC is getting some love again after all those years.
This is huge