Sketch 生態雖精簡,但社群開發的免費外掛極大擴展其能力。本文精選 15 款高評價外掛並分類介紹:
- 入門輔助:Sketch Mate(互動式功能導覽)。
- 佈局與對齊:Dynamic Reposition(動態重定位保持比例)、Smartboards/Gridify(快速建立畫板矩陣與命名)、GuideGuide(參考線神器)。
- 原型互動:Sketch Framer(匯出至 FramerJS 產生可互動原型)、Generate Gif(關鍵幀生成 GIF 展示動效)。
- 開發交付:Sketch to App Store(自動生成 App Store 截圖規格)、Sketch CSS Sprite Mixin(輸出 SCSS Sprite 代碼)、Blade(原型轉 HTML 代碼)、Sketch Export Assets(多平台切圖輸出)。
- 效率工具:Sketch Toolbox(外掛管理自動更新)、Sketch Sort Layers(一鍵整理圖層順序)、Sketch Notebook(側邊欄文檔註解)、Efficiency(多功能效率套件)、CSS Buddy(CSS 控制圖層屬性)、AEFlowChart(文字轉流程圖表)。
安裝多為雙擊 .sketchplugin 或用 Sketch Toolbox 管理。善用外掛可將設計到開發流程縮短 50% 以上,建議依專案需求組合使用。