A Sketch plugin that copies selected layers to the clipboard as code that can be pasted straight into a Framer prototype.
- Copy one or more layers, or an entire artboard
- Layers are copied in position
- Layers and TextLayers are drawn entirely in code*
- Export @ 1x, @ 2x or @ 3x
*If a layer is too complex to draw using code alone you will need to export and add a background image manually.
- Support for Nested Layers: Copy Framer Code now exports all nested layers inside any selected groups, adding the
parent
property to the sublayers. - Export artboards: Select an artboard to copy all of its contents.
- Flatten groups to a single layer by adding
*
to the end of the layer’s name. - Hidden layers are no longer imported.
Download or clone the repository, and double click CopyFramerCode.sketchplugin
.
or...
- Select the layers or artboard in Sketch you want to copy.
- If you want to export from Sketch @ 1x, select
Copy Framer Code > Copy @ 1x
from the Plugins menu. SelectCopy Framer Code > Copy @ 2x
to double the scale of your design, andCopy Framer Code > Copy @ 3x
to scale up by three. - Paste the CoffeeScript code into Framer.