自從 Sketch 推出以來，就逐漸取代 Photoshop 成為了 UI 設計領域最受人追捧的設計工具，其中的原因除了之前我們介紹的 Symbols、組件庫以及細化的功能體驗之外，還有個非常重要的因素，那就是 Sketch 的插件社區非?；钴S，時不時都會出現一些殺手級的插件，從而幫助你大幅度提升設計效率。在這里，筆者就以自己的使用經驗，推薦幾款相當好用的插件，希望對大家有所幫助。

1. Sketch Runner

插件鏈接：Sketch Runner?

之所以把 Sketch Runner 放在第一位，除了它是一個很好用的插件外，它還兼帶了快速安裝其他插件的職能。

通過 Sketch Runner，你可以快速運行 Sketch 自帶的各種命令。

還能快速切換到任意文件、畫板、Page 等。

最方便常用的就是快速插入 Symbols 了。

怎么樣，是不是有點像設計界的 Sublime？有興趣的朋友可以前往官網仔細了解 Sketch Runner 的更多功能特點。

2. CRAFT

插件鏈接：Craft | InVision?

關于 CRAFT，其實它是我一直以來特別推崇的插件之一，主要在于它的快速填充內容（Data）、同步樣式庫（Library）以及簡易原型工具（Prototype），但是由于 Sketch 的后續版本加入了 Libraries 以及 Prototype 功能，所以目前對于 CRAFT 的功能更多是用于快速填充內容了，具體 CRAFT 的功能可以看看他們的官方視頻：

3. Sketch Measure

插件鏈接：Make it a fun to create spec for developers and teammates?

有一句笑話，那就是「設計稿和前端實現之間，隔著一張巨大的標注稿和巨量的切圖。」設計稿的標注和切圖一直是設計師與前端銜接的一個大工程，PS 時代用過各種標注工具，但都無法解放生產力，直到出現了 Sketch Measure 以后，一切都變了。

該插件最厲害之處在于，它能夠非常簡單地輸出動態標注稿，并且將你設定好的圖層同時導出成切圖，只需要幾次點擊，你就能把生成的標注文件交給前端了。

當然后續還出現一些在線的快速輸出標注工具，除了有協作功能之外，跟 Sketch Measure 基本核心功能一致。

更令人驚喜的是，這個風靡 Sketch 社區的插件，是出自國人大神之手，膜拜一下。

4. Paddy

插件鏈接：DWilliames/paddy-sketch-plugin?

作為一名 Web Designer，最痛苦的事情之一莫過于在設計稿里添加固定 Padding 的設計組件了，例如 Button、Label 等。因為 Web Design 跟 App Design 最大的區別就是設備空間上的差異，很多情況下 Button 等元素是不能定寬高的，而是要根據里面的具體文字內容和 Padding 調整寬高，之前雖然也有類似的插件，但都不是很好用，直到 Paddy 的出現，基本上解決了這個問題。

所以 Paddy 的核心功能就是，當你設定好上下左右的 Padding 值以后，就能夠快速根據你內容的變化而適配外面的容器寬高，非常方便。

5. Sketch Icons

插件鏈接：AMoreaux/Sketch-Icons?

這個插件也是解決了之前一直困擾我的一大難題——批量導入 AI 設計好的圖標 SVG 文件并且進行整理，同時生成 Symbols。其實它能做到的更多，那就是還能根據你設定好的色板快速引入圖標顏色。

對這塊不是很明白的同學，可以看看官方的演示教程，順帶可以學一下怎么把 Sketch 的 Symbols 嵌套用得爐火純青。

6. Sketch Isometric

插件鏈接：sureskumar/sketch-isometric?

最近軸測圖風格的圖形設計大行其道，很多設計師都躍躍欲試想要在 Sketch 里面設計自己的軸測圖，有了這個插件以后，你就能在 Sketch 快速繪制軸測圖了，并且還能做各種其他效果，快來試試吧！

另外，如果想要實現動圖里的 Mockup 效果，可以采用 Magic Mirror 工具，但由于 Mockup 這些偏向圖像處理的操作我還是更傾向于在 PS 中進行，所以有需要的朋友可以自取。

「Sketch中的強大插件」

• 《用了這9個最強大的Sketch插件，工作效率提高了一倍！》
• 《螞蟻金服推出超好用的Sketch 插件「Kitchen」》
• 《提高溝通效率！幫設計師記錄修改位置的Sketch插件PinLog》
• 《兩分鐘認識一款把 Sketch 變成 Principle 的插件：Diya》

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備： http://hao.uisdc.com