{"id":13535727,"url":"https://github.com/bigxixi/Sketch2AE","last_synced_at":"2025-04-02T02:31:17.854Z","repository":{"id":44628800,"uuid":"76325659","full_name":"bigxixi/Sketch2AE","owner":"bigxixi","description":"A Sketch plugin to export sketch file to Adobe After Effect","archived":false,"fork":false,"pushed_at":"2018-07-23T07:29:56.000Z","size":48,"stargazers_count":174,"open_issues_count":5,"forks_count":12,"subscribers_count":16,"default_branch":"master","last_synced_at":"2024-11-03T00:32:48.509Z","etag":null,"topics":["adobe","ae","after-effects","motion-design","plugin","script","sketch","sketch-plugin"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bigxixi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-12-13T05:25:00.000Z","updated_at":"2024-09-20T10:06:51.000Z","dependencies_parsed_at":"2022-07-15T11:00:33.471Z","dependency_job_id":null,"html_url":"https://github.com/bigxixi/Sketch2AE","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bigxixi%2FSketch2AE","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bigxixi%2FSketch2AE/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bigxixi%2FSketch2AE/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bigxixi%2FSketch2AE/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bigxixi","download_url":"https://codeload.github.com/bigxixi/Sketch2AE/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246743603,"owners_count":20826561,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["adobe","ae","after-effects","motion-design","plugin","script","sketch","sketch-plugin"],"created_at":"2024-08-01T09:00:24.227Z","updated_at":"2025-04-02T02:31:17.561Z","avatar_url":"https://github.com/bigxixi.png","language":"JavaScript","funding_links":["https://www.paypal.me/bigxixi/"],"categories":["Tools"],"sub_categories":["Creation Tools"],"readme":"2.04 update - support Sketch v50  \n--------\n2.03 update - support Sketch v49  \n--------\nGoogle release another 'Sketch2AE' plugin, if you are looking for that one, visit . \nhttps://google.github.io/sketch2ae/\n---------------\n\u003cimg src=\"https://raw.githubusercontent.com/bigxixi/ReadMe-Resources/master/Sketch2AE/sk2aegif.gif\"\u003e  \n\n# Sketch2AE v2.0 - Shape Export support!  \nNow you can export shapes! To AE Shape layer!  Then to Bodymovin or Lottie!    \n将sketch中的矢量图层导入为AE形状图层，然后就可以接入bodymovin或者Lottie了！  \n[中文版介绍点这里](https://github.com/bigxixi/SKetch2AE/blob/master/README_zh.md)  \n\n## How to use:  \nIn Sketch， put the shape you want to eport in an artboard, go to Plungin -\u003e Sketch2AE -\u003e Export Shapes  \n\n\u003cimg src=\"https://raw.githubusercontent.com/bigxixi/ReadMe-Resources/master/Sketch2AE/en2.png\"\u003e  \n\nin the pop-up panel, choose the artboard, set the length and fps, then hit OK.  \n\n\u003cimg src=\"https://raw.githubusercontent.com/bigxixi/ReadMe-Resources/master/Sketch2AE/en.png\"\u003e  \n\nOpen AE and run File -\u003e Scripts -\u003e Run Script File, select the \".jsx\" file you exported.  \nThen you will see the magic :)\n\n\u003cimg src=\"https://raw.githubusercontent.com/bigxixi/ReadMe-Resources/master/Sketch2AE/shapedemo.gif\"\u003e  \n\n(image from https://dribbble.com/shots/3038928-Free-Download-Color-Vector-Characters)\n\n## Limitations\nUnfortunately, this plugin has some limitations:  \n- Gradient Fill and Stroke are not supported. AE dosent allow script to generate gradients automaticly.  \n- Uderlying Masks. I will do it in the future.  \n- Texts not supported. I will do it in the future.  \n- Flip layer not supported.\n- Layer styles not supported.  \n- Features that Sketch has but AE not. Stroke position, Arrow, etc.  \n\n\n## How to install:  \n\n1.Download the [`Plugin File(hit me)`](https://github.com/bigxixi/Sketch2AE/archive/master.zip) and unzip.  \n2.Double click `Sketch2AE.sketchplugin.`   \n\n\n--------------\n\n````\n## SK2AE v1.0 introduction.\n```` \nA Sketch plugin to export sketch slice to Adobe After Effect and potisition them automatically.  \nWhats more, you can use the `Save Frame As Photoshop Layers` inside AE to export contents to Photoshop!  \n\n\n## How to use:  \n1. Save your work on Sketch.  \n2. Select the LAYERGROUPs your want to export on the layer list(group it if the layer is not a layergroup), Run `Plugins` -\u003e `Sketch2AE` -\u003e `Generate ExportSlices`.  \n3.  Run `Plugins` -\u003e `Sketch2AE` -\u003e `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.  \n4.  In After Effect，run `File` -\u003e `Script` -\u003e `Run Script File`, choose the `.jsx` file, it will generate compositions automaticly.  \n````\n**NOTE: Keep the \".jsx\" file and \"slice\" folder under a same parent folder if you want to move it.\n````  \nBack to Sketch, you can run Plugins -\u003e Sketch2AE -\u003e Clear ExportSlices to clear exsiting ExportSlices.  \n\n\u003cimg src=\"https://raw.githubusercontent.com/bigxixi/ReadMe-Resources/master/Sketch2AE/step1.gif\" width=\"50%\" height=\"50%\"\u003e  \n\n\u003cimg src=\"https://raw.githubusercontent.com/bigxixi/ReadMe-Resources/master/Sketch2AE/step2.gif\" width=\"50%\" height=\"50%\"\u003e  \n\n\u003cimg src=\"https://raw.githubusercontent.com/bigxixi/ReadMe-Resources/master/Sketch2AE/step3.gif\" width=\"50%\" height=\"50%\"\u003e  \n## Known Issues:\n * Can not export vactor shapes, editable texts, layer styles.All flatten.  \n * By default it generate 1x slices. If you need 2x or other you have to export by hand.  \n * Rotating or scaling of a layer will result in a big rectangle of slice  \n * 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:) ）  \n\n## Shortcut list:\n```\n**Becareful of shortcut conflicting with other plugins\n```\n * `Control` + `Alt` + `S` : Generate ExportSlices\n * `Control` + `Alt` + `E` : Export Artboards\n * `Control` + `Alt` + `C` : Clear ExportSlices\n * `Control` + `Alt` + `H` : Help\n \n## License  \n[CC-BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0/)  \nSpecial thanks to [Ashung's code](https://github.com/Ashung/Automate-Sketch).\n\n## Donation:\n\nThank you very much!  \n\n[\u003cimg src=\"https://raw.githubusercontent.com/bigxixi/bigxixi.github.io/master/donate/index.hyperesources/paypal.png\" width=\"30%\" height=\"30%\"\u003e](https://www.paypal.me/bigxixi/)  \n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbigxixi%2FSketch2AE","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbigxixi%2FSketch2AE","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbigxixi%2FSketch2AE/lists"}