Google 設計團隊發布 Sketch2AE，解決 Sketch 文件導入 AE 問題

隨著 Sketch 日益普及，越來越多的 UE 設計人員已然將日常設計工具由 Photoshop 改成了 Sketch，因為 Sketch 輕量、高效、插件擴展豐富。

但是對於動效來說，跟 Sketch 結合得較好的 Principle 跟 AE 比起來還是略遜一籌，這樣導致你在 Sketch 中做好的界面還需要導出圖片才能夠在 AE 中使用，而為了解決這個問題，Google 設計團隊推出了 Sketch 一鍵導入 AE 的插件——Sketch2AE，先讓我們看看官方的一個小預覽視頻：

https://www.zhihu.com/video/885560837597724672

從視頻中可以看到，導入流程非常順暢快捷，而且分層很清晰完整，之後我下載官方包進行了安裝，雙擊 Sketch 插件安裝，並且將 Sketch2AE.jsx 文件放入 Applications/Adobe After Effects/Scripts/ScriptUI Panels 之後就能正常調用插件面板了。

接著進入 Sketch，打開自己做的一個小練習，試試看導入是否同樣順暢：

https://www.zhihu.com/video/885803319430369280

還有一種方式是，先將 Sketch 中選中的圖層保存成 _SketchExport.sketchae 文件，然後通過 AE 中的打開 .sketchae 形式進行導入：

https://www.zhihu.com/video/885805395673776128

實際體驗起來確實很流暢，而且圖層分離很完整，非常不錯。

不過 Google 團隊同樣提示了幾個需要注意的點，讓我們一起看看：

1. 最好將想要導入 AE 的畫板放到新建文件里，簡單理解起來就是因為導入演算法需要遍歷文件里的 Symbols 等各種元素，這樣會大大縮短導入時間。
2. 需要在 Sketch 中就設置好畫板（Artboard）的尺寸，因為這會限定導入 AE 後的實際尺寸。
3. 通過選擇 Sketch 圖層的方式可以選擇性導入 AE 中，或者直接選擇畫板本身進行導入。
4. 導入 AE 的方式可以是複製圖層數據或者打開 .sketchae 文件。
5. 導入時可以選擇 1x／2x／3x 的尺寸。

總的來說，這真的是一個非常贊的插件功能，感謝 Google Design Team 再次對設計師們作出的貢獻，感興趣的朋友可以自己研究使用一下。

Sketch2AE 官網

最後值得一提的是，國內的 XiXi 其實在很早之前就推出了同名插件（沒錯也叫 Sketch2AE）來解決 Sketch 文件導入 AE 的問題，同樣感謝他做出的貢獻！

XiXi 版 Sketch2AE 下載

推薦閱讀：