🔮 Sketch2AE

Export Sketch Artboards to After Effect Comps.

v2.3.0 is compatible with Sketch 0.0.0

2.03 update - support Sketch v49

Google release another 'Sketch2AE' plugin, if you are looking for that one, visit . https://google.github.io/sketch2ae/

Sketch2AE v2.0 - Shape Export support!

Now you can export shapes! To AE Shape layer!  Then to Bodymovin or Lottie!  

How to use:

In Sketch, put the shape you want to eport in an artboard, go to Plungin -> Sketch2AE -> Export Shapes

in the pop-up panel, choose the artboard, set the length and fps, then hit OK.

Open AE and run File -> Scripts -> Run Script File, select the ".jsx" file you exported.
Then you will see the magic :)

(image from https://dribbble.com/shots/3038928-Free-Download-Color-Vector-Characters)


Unfortunately, this plugin has some limitations:

  • Gradient Fill and Stroke are not supported. AE dosent allow script to generate gradients automaticly.
  • Uderlying Masks. I will do it in the future.
  • Texts not supported. I will do it in the future.
  • Flip layer not supported.
  • Layer styles not supported.
  • Features that Sketch has but AE not. Stroke position, Arrow, etc.

How to install:

1.Download the Plugin File(hit me) and unzip.
2.Double click Sketch2AE.sketchplugin.

## SK2AE v1.0 introduction.

A Sketch plugin to export sketch slice to Adobe After Effect and potisition them automatically.
Whats more, you can use the Save Frame As Photoshop Layers inside AE to export contents to Photoshop!

How to use:

  1. Save your work on Sketch.
  2. Select the LAYERGROUPs your want to export on the layer list(group it if the layer is not a layergroup), Run Plugins -> Sketch2AE -> Generate ExportSlices.
  3. Run Plugins -> Sketch2AE -> Export Artboards, then on the popup panel set the composition length and FPS, pick artboards you want to export. Hit OK and choose a location to save the generated .jsx script file and slice folder.
  4. In After Effect,run File -> Script -> Run Script File, choose the .jsx file, it will generate compositions automaticly.
**NOTE: Keep the ".jsx" file and "slice" folder under a same parent folder if you want to move it.

Back to Sketch, you can run Plugins -> Sketch2AE -> Clear ExportSlices to clear exsiting ExportSlices.

## Known Issues: * Can not export vactor shapes, editable texts, layer styles.All flatten. * By default it generate 1x slices. If you need 2x or other you have to export by hand. * Rotating or scaling of a layer will result in a big rectangle of slice * If there are missed fonts in the file, the ExportSlices might be clipping.(Try my Plungin:[`Font Packer`](https://github.com/bigxixi/Font-Packer) to pack and achive your sketch files:) )

Shortcut list:

**Becareful of shortcut conflicting with other plugins
  • Control + Alt + S : Generate ExportSlices
  • Control + Alt + E : Export Artboards
  • Control + Alt + C : Clear ExportSlices
  • Control + Alt + H : Help


CC-BY-SA 4.0
Special thanks to Ashung's code.


Thank you very much!

Join the discussion

Download v2.3.0
Usage Activity

Avg. user activity in the last 30 days

  • 358 downloads all–time
  • 7 downloads this week
  • 18 downloads this month
About this plugin

bigxixi published this plugin a year ago.

v2.3.0 is the latest version.

Native updates are supported within Sketch.app.