常用 Sketch 插件合集-Sketch插件 全局 工具 切圖導出

全局

1. Anto 

組件 · 色版 · 快速建立交互流程線 ·  圖層（對齊/排序/置頂/置底） ·  製版

爲AFUX設計師提升工作效率的 Sketch 工具集

https://www.yuque.com/canisminor/anto/readme

2. Dapollo 設計開發平臺

支付寶 · 移動端組件  ·  生成代碼 · iconfont圖標庫集成

Dapollo是一個基於Sketch平臺的設計插件集，通過豐富的內置圖標、組件、插圖、頁面模板等設計素材幫你更高效的完成設計工作。同時所有圖標、組件、lottie動畫都有對應代碼，設計開發一體化，提高協作效率。

http://www.alipaydesign.com/tool

3. Kitchen

語雀 · iconfont · Ant Design 組件（按鈕/表格/分頁） · 填充

http://kitchen.alipay.com

4. Craft

協作 · 原型 · 同步 · 樣式庫 · 免版權圖庫 · 內容填充(英文&可自定義） · 複製

https://www.invisionapp.com/craft#

5. Flavor

快速複製 · 自動填充名稱 · 快速生成參考線 · 導出到 PxCook 智能標註

http://fancynode.com.cn/flavor

工具

1. Rename it

圖層&畫板命名

https://rodi01.github.io/RenameIt/

2. Chart

快速根據自定義參數創建常用圖表

https://github.com/pavelkuligin/chart

3. Paddy

讓圖層自動填充間距、對齊和分佈

https://github.com/DWilliames/paddy-sketch-plugin

4. Segmented Circles

快速自動創建精確的分段圓（用於可視化數據、圖表）

https://github.com/design4use/gb-sketch-segmentcircle

切圖導出

1. Sketch Measure

標註 · 切圖 · 生成html標註(查看css代碼)

執行 Plugin > Sketch Measure > Toolbar

http://sketch.cm/plugins/1

2. Preview in browser

瀏覽器中查看設計稿

http://sketch.cm/plugins/131

3. PDF Export

批量導出選定畫板爲多頁 PDF

https://github.com/DWilliames/PDF-export-sketch-plugin

4. Sketch QR Code

在 Sketch 中一鍵生成 SVG 二維碼（在彈出的對話框中可設置 QR Code 的內邊距、高寬、類型、顏色、容錯率等級及內容值提交生成）

https://github.com/lerte/sketch-qr-code

相關文章推薦：

給互聯網設計師和設計愛好者的簡報分享

在構建設計規範之前，你需要看看這些設計資源

如何構建設計語言系統

給初級UI&UE設計師的Sketch資源分享

交互設計原則和理論1——尼爾森十大可用性原則

交互設計原則和理論2——七大定律

國外設計團隊的高頻設計工具與協作工具

16個表單優化技巧

怎樣提高註冊登錄流程的交互體驗

不可錯過的2019設計趨勢