Origami
A Quartz Composer framework that enables interactive design prototyping without programming.
Install / Use
/learn @facebookarchive/OrigamiREADME
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 doesn’t 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 design—this is where Origami comes in.
Getting Origami
You can download the Origami installer from http://facebook.github.io/origami. 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 https://github.com/facebook/origami.git
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
Troubleshooting
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 origami.facebook.com
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
Feedback
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!
Related Skills
clearshot
Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.
openpencil
2.1kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
HappyColorBlend
HappyColorBlendVibe Project Guidelines Project Overview HappyColorBlendVibe is a Figma plugin for color palette generation with advanced tint/shade blending capabilities. It allows designers to
Flyaro-waffle-app
Waffle Delight - Full Stack MERN Application Rules & Documentation Project Overview A comprehensive waffle delivery application built with MERN stack featuring premium UI/UX, admin management, a
