All Projects → bigxixi → Sketch2ae

bigxixi / Sketch2ae

A Sketch plugin to export sketch file to Adobe After Effect

Programming Languages

javascript
184084 projects - #8 most used programming language
script
160 projects

Projects that are alternatives of or similar to Sketch2ae

Icondrop
Get access to 2 million+ design resources right inside Adobe Xd, Figma, Sketch, Microsoft Office, G Suite and many more.
Stars: ✭ 174 (+2.35%)
Mutual labels:  adobe, plugin, sketch-plugin, sketch
Sketch Connection Flow Arrows
Plugin for generating easy to use connection flow arrows in Sketch
Stars: ✭ 275 (+61.76%)
Mutual labels:  plugin, sketch-plugin, sketch
Logodrop
A Sketch Plugin to get brand logos right into Sketch App.
Stars: ✭ 140 (-17.65%)
Mutual labels:  plugin, sketch-plugin, sketch
Fake Chinese Name For Sketch
生成随机中文人名的 Sketch 插件
Stars: ✭ 141 (-17.06%)
Mutual labels:  plugin, sketch-plugin, sketch
Keys For Sketch
Advanced shortcut manager for Sketch app.
Stars: ✭ 281 (+65.29%)
Mutual labels:  plugin, sketch-plugin, sketch
Paster
Pasting a text data from a clipboard directlly to Sketch text layers [Sketch plugin]
Stars: ✭ 88 (-48.24%)
Mutual labels:  plugin, sketch-plugin, sketch
Sketch Sf Ui Font Fixer
A Sketch plugin that adjusts the character spacing on text layers using iOS 9's SF UI Text/SF UI Display fonts to what it would be when used in an iOS app.
Stars: ✭ 492 (+189.41%)
Mutual labels:  plugin, sketch-plugin, sketch
Sketch Copy Paste Shadows
Copy & paste only shadow styles from layers without others styles getting in the way.
Stars: ✭ 38 (-77.65%)
Mutual labels:  plugin, sketch-plugin, sketch
Skpm
💎📦 A utility to build and publish Sketch plugins
Stars: ✭ 890 (+423.53%)
Mutual labels:  plugin, sketch-plugin, sketch
Quickcolor
Quickly apply fills from the global or document color palettes to selected elements - 🎨
Stars: ✭ 59 (-65.29%)
Mutual labels:  plugin, sketch-plugin, sketch
Sketch Dockpreview
A Sketch plugin that lets you preview your current artboard in the Dock.
Stars: ✭ 90 (-47.06%)
Mutual labels:  plugin, sketch-plugin, sketch
Sketch Potrace
Potrace for Sketch is a bitmap tracing plugin. It converts bitmap images into monochrome vector graphics.
Stars: ✭ 122 (-28.24%)
Mutual labels:  sketch-plugin, sketch
Sketch Copy Paste Position Size
A Sketch plugin that lets you easily copy & paste width, height, x & y values from and to objects
Stars: ✭ 130 (-23.53%)
Mutual labels:  sketch-plugin, sketch
Exporter
A Sketch plugin that exports Sketch artboards into clickable HTML file.
Stars: ✭ 131 (-22.94%)
Mutual labels:  sketch-plugin, sketch
Magic Buttons Sketch Plugin
Be a wizard! Automatically resize and relabel buttons with padding sizes like CSS.
Stars: ✭ 115 (-32.35%)
Mutual labels:  sketch-plugin, sketch
Data Populator
A plugin for Sketch and Adobe XD to populate your design mockups with meaningful data. Goodbye Lorem Ipsum. Hello JSON.
Stars: ✭ 1,665 (+879.41%)
Mutual labels:  adobe, sketch
Sketch Batch Create Symbols
A plugin for Sketch to convert selected layers to individual symbols.
Stars: ✭ 134 (-21.18%)
Mutual labels:  sketch-plugin, sketch
Sketch Select
🖱 Make it much more convenient to select layers with similar attributes.
Stars: ✭ 114 (-32.94%)
Mutual labels:  sketch-plugin, sketch
Sketch Divine Proportions
Divine proportions toolkit for Sketch
Stars: ✭ 143 (-15.88%)
Mutual labels:  plugin, sketch
Html Sketchapp
HTML to Sketch export solution
Stars: ✭ 1,811 (+965.29%)
Mutual labels:  sketch-plugin, sketch

2.04 update - support Sketch v50

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!  
将sketch中的矢量图层导入为AE形状图层,然后就可以接入bodymovin或者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)

Limitations

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

License

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

Donation:

Thank you very much!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].