Sketch Framer

A plugin to export Sketch.app documents into FramerJS to make interactive prototypes.

Not ready for general consumption yet, but if you're a developer, here's how to get the code and help us make it better.

Installation

cd ~/
git clone [email protected]:bomberstudios/sketch-framer.git

Download the Beta version of Sketch
Enable scripting in Sketch by going to Preferences > General and clicking the Enable Scripting button.
In Terminal go to ~/Library/Application\ Support/sketch/Plugins (Create these directories if they don't exist) Note: if you're running the App Store version of Sketch (we suggest the Beta), you should go to this folder instead: ~/Library/Containers/com.bohemiancoding.sketch/Data/Library/Application\ Support/sketch/Plugins
Type ln -s ~/"sketch-framer/sketch-plugin/Sketch Framer" "./Sketch Framer"
Now you should see the option in your Plugins menu.

Every group in your document will export as individual Framer Views. To have a group flattened so its child groups don't export individually, append * to its name. Example: Card*
Every non-group piece of art (for ex. a shape or text layer) will export as a flat image along with its parent group. If you want to turn such a shape into a Framer View, append + to its name. Example: Shape+
To ignore a layer, either hide it in Sketch, or append - to its name. Example: Ignored-
Multiple artboards work funky. Ideally don't have any artboards in the document, and make sure the top left of all your contents align to (0,0)
Masks currently don't work. Workaround: flatten the group that includes a mask (by appending * to its name).

To propose changes, fork the repository

Reach out to @bomberstudios or @gem_ray on Twitter!