Technology moves fast! ⚑ Don't get left behind.🚢 Subscribe to our mailing list to keep up with latest and greatest in open source projects! πŸ†

Subscribe to our mailing list


A Quartz Composer framework that enables interactive design prototyping without programming.

Subscribe to updates I use origami

Statistics on origami

Number of watchers on Github 3377
Number of open issues 5
Average time to close an issue 2 months
Main language Objective-C
Average time to merge a PR about 1 month
Open pull requests 0+
Closed pull requests 6+
Last commit over 2 years ago
Repo Created over 5 years ago
Repo Last Updated over 1 year ago
Size 651 MB
Homepage https://origami.d...
Organization / Authorfacebookarchive
Latest Releasev2.2
Page Updated
Do you use origami? Leave a review!
View open issues (5)
View on github
Fresh, new opensource launches πŸš€πŸš€πŸš€
Trendy new open source projects in your inbox! View examples

Subscribe to our mailing list

Evaluating origami for your project? Score Explanation
Commits Score (?)
Issues & PR Score (?)

Origami for Quartz Composer is deprecated. Check out Origami Studio a native Mac app built for modern interface design by Facebook.


Origami for Quartz Composer is a free toolkit for Quartz Composer that makes interactive design prototyping easy and doesnt require programming. It is deprecated and no longer supported.

Most designers today create static mockups to communicate app ideas. But increasingly apps are anything but static, which means as designers we need a better tool for interaction designthis is where Origami comes in.

Getting Origami

You can download the Origami installer from You'll need a free Apple Developer account to download Quartz Composer first. Links to create an account and get QC are also available on the Origami page.

If you'd prefer to stay up-to-date with the bleeding edge, you can clone this repository to your computer, and link the Origami directory and Origami.plugin files to ~/Library/Graphics/Quartz Composer Patches.

mkdir ~/Workspace
cd ~/Workspace
git clone
mkdir -p ~/Library/Graphics/Quartz\ Composer\ Patches
ln -s `pwd`/origami/Origami.plugin ~/Library/Graphics/Quartz\ Composer\ Patches
ln -s `pwd`/origami/Origami ~/Library/Graphics/Quartz\ Composer\ Patches


If you continually get the following error:

Origami has been installed to the wrong location (local library). Please uninstall Origami using the uninstaller and reinstall from

Please manually move everything in /Library/Graphics to ~/Library/Graphics. Open both folders in Terminal by pasting the following command:

open /Library/Graphics
open ~/Library/Graphics


Your feedback is important in making Origami better feel free to open an Issue here on GitHub or post in our community.

We hope you enjoy using Origami, happy prototyping!

origami open issues Ask a question     (View All Issues)
  • almost 3 years Origami Live Freezing on iOS with Swipe Gesture
  • about 3 years Interaction 2 error in Origami Live For IOS
  • about 5 years xCode Project Template for Origami distribution
  • about 5 years Remove depth testing on Phone - Touch Point sprites
origami questions on Stackoverflow (View All Questions)
  • How can you create a segmented control in Origami Studio?
  • How do I view assets and layer info in Origami studio?
  • How to export code on Origami Studio
  • Navigation tab bar in Origami - interaction with more than two states
  • custom screen in Origami Studio
  • In Origami Studio, is there a way to preserve a a color palette after close and restart?
  • Code Export Option Origami
  • How to insert image in digital signature annotation origami-pdf
  • Origami Scroll Not Working?
  • How do i use the exported code from Origami tool
  • Origami (Quartz composer) Set variable
  • Quartz composer/Origami: how to add a conditional logic
  • How can I include Facebook Origami effects in my app?
  • How do I use the exported iOS code from Facebook Origami?
  • Create flip animation with origami
  • PDF Digital Signature error: Expecting a Name for a Dictionary entry, found Origami::Annotation::AppearanceStream instead
  • How to achieve origami effect with 3D transforms
  • How to export Quartz Composer/Origami composition to QuickTime as an animation?
  • Origami transition using CATransform3D perspective
  • List Origami ~ Generation of new list from two
  • How does Rose Tree unfold work (from Origami Programming)
  • [Origami+Quartz Composer]Same animation as Elevate App
  • How to use Origami with Windows?
  • Origami couldn't export iOS code (Swipe-away navigation)
  • what and why is Origami(prototyping framework by facebook) used for?
  • iOS Paper fold (origami / accordion) effect animation, with manual control
  • Origami/accordion effect on Android
  • is there any way to run Origami demo on iPhone?
  • Quartz Composer and Origami: Can't get X value to change with Interaction2 patch
  • Quartz Composer Switch Layers (Origami)
origami list of languages used
origami latest release notes
v2.2 Origami 2.2

What’s new in 2.2

  • New patches for working with live data, styling rich text, and more. Easily download JSON, work with a REST api, or download other web content. Then integrate it into your prototypes with a suite of advanced structure patches.
  • Added a new JSON Importer patch for parsing JSON data from the web.
  • Added a new REST Request patch for working with REST services.
  • Added a new Image at URL patch for asynchronously downloading and caching images.
  • Added a new String at URL patch for asynchronously downloading text content.
  • Added new patches for styling text: String Formatter and Image with Formatted Strings.
  • Added a new AppleScript for executing AppleScript files.
  • Added Sound Player Pro, a more flexible sound player patch.
  • Added new patches for working with complex structures: Structure Path Member, Structure Multiple Path Members, Structure All Keys, Structure All Values, and Structure Shuffle.
  • Added some helpful utility patches: Description, File Updated, Log to Console, and FPS.
Other projects in Objective-C