Export for Origami

Exports and updates Sketch assets for Facebook's Origami prototyping toolkit for Quartz Composer, adapted from sketch-framer.

Installation

You can Download Zip to the right and double-click on the .sketchplugin file to install.

Watch video tutorial

How it works

This plugin takes all visible layers, in or out of artboards, and exports them into a temp directory for easy drag & drop into Origami (More info below). As you make changes and work back and forth between Sketch and Origami, run the plugin again and see it updated live with the Live Image patch.

Hit Control + Command + Option + O to run the plugin, and it will first prompt you for the export scale (e.g. if you're working @2x already, the default of 1x export scale will export @2x).

All groups and layers appended with + will become an individual PNG, sorted into folders with their containing artboard names.

More info

• Drag the whole export directory, while holding Command + Option to automatically create Live Image patches with the paths to the assets:

• Append a group name with * to flatten all subgroups within (note: you do not need to flatten groups that do not have subgroups, as layers will automatically fold into the containing group)

• Append a layer name with + to become its own file

• Append a group or layer name with - to skip the layer

• Exports are stored in Sketch's temp directory due to sandboxing. Every time you run the plugin, it opens the temp directory in Finder (Command + Option + W to close all Finder windows).

• You can select an artboard/top level group to export that one by itself.

• Symbols are flattened due to plugin constraints.

Miscellaneous

Please file an issue or post in the Origami Community page on Facebook if there is a problem!

Big thanks goes out to Ale Muñoz and Cemre Güngör for their work on sketch-framer.