Prototyping with Facebook Origami

1 min read Original article ↗

(Update 2016-01-05: Please note that a new version of Origami was released in October 2015. Some of the patches mentioned in this tutorial may have been deprecated or replaced.)

Introduction to Facebook Origami - a design prototyping toolkit for Quartz Composer. Originally presented at Triangle CocoaHeads on January 23, 2014.

The "SpyBook" prototype created during this talk is available at https://github.com/jaythrash/spy-book

This is the first of many Origami tutorials I hope to create. If there's anything specific you'd like me to cover, just leave it as a comment below. Thanks!

Table of Contents

00:00 Quartz Composer Overview

08:21 Origami Overview

08:58 Origami Patches

12:19 Demo Project Goals

13:30 Building Demo Composition

20:50 Scroll Patch

23:51 Transition Patch

25:47 Classic Animation Patch

29:27 Conditional Patch

33:51 Additional Resources

Resources & Attributions

Origami Project Page

http://facebook.github.io/origami/

“Introducing Origami for Quartz Composer” by Julie Zhuo

http://bit.ly/introducing_origami

QC Designers Forum

http://qcdesigners.com

“Prototyping with Quartz Composer” by Jay Thrash

http://bit.ly/qc_prototyping