常用 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設計趨勢

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
禁止轉載,如需轉載請通過簡信或評論聯系作者。

推薦閱讀更多精彩內容