50 個最佳 Sketch 插件的終極清單

Sketch 席捲了設計市場。 他們沒有公佈任何官方數據，但很明顯，幾乎所有你加入或與之交談的設計團隊都在一定程度上知道或使用 Sketch。

Sketch 最強大的方面之一是其活躍的開發人員社區和他們為它構建的出色插件集。 使用 Sketch 插件，您可以在幾秒鐘內創建華麗的 3D 插圖和獨特的動畫。

我收集了五十個最好的 Sketch 插件列表，以節省您的研究時間。 我按以下類別對它們進行了組織。

Sketch 插件管理器
協作草圖插件
內容和對像生成器插件
導出和前端開發插件
圖層管理插件
實用程序

Sketch 插件管理器

您應該首先安裝這四個 Sketch 插件之一。 他們將幫助您有效地管理和運行您的插件。

素描包

Sketch 插件瀏覽器、管理器和自動更新器。 在通過鎖定插件版本更新 Sketch 時，Sketch Packs 還將使您免於意外的兼容性問題。

素描賽跑者

http://sketchrunner.com/

Sketch Runner 是 Sketch 的 Spotlight 或 Alfred。 這是一個強大的 Sketch 插件，可讓您從鍵盤運行 Sketch 命令。 它也是一個為您安裝和管理其他插件的插件。

草圖插件管理器

在此處下載插件：https://mludowise.github.io/Sketch-Plugin-Manager/

這是您在測試和管理插件時會發現的四個插件中的第三個。 它使用 Git 來管理您的所有插件並使其保持最新狀態。

素描工具箱

在此處下載插件：http://sketchtoolbox.com/

Sketch Toolbox 是另一個幫助您管理、安裝和更新所有 Sketch 插件的選項。

雖然您應該嘗試所有這四個插件，但我最喜歡的一個是 Sketch Runner——它為您提供的不僅僅是插件管理。 如果你習慣了它，你將無法想像沒有它使用 Sketch。

協作草圖插件

一旦你選擇了你的插件管理器，讓我們進入 Sketch 協作插件，它可以讓你管理你的文件、與你的朋友協作、收集反饋等等。

零高度

在此處下載插件：https://zeroheight.com/

Zero Height 是一個外部免費插件，可讓您創建資產庫和样式指南，與其他設計師協作，並使所有內容在雲中保持同步。

鏈

在此處下載插件：https://github.com/lalomts/Chain

當涉及到大文件的顏色變化時，Chain 是一個很棒的插件。 這個 Sketch 插件在 Sketch 中創建動態顏色關係，並讓您可以動態地全局更改顏色。

卡克圖斯

在此處下載插件：https://kactus.io/

Kaktus 是一個設計版本控制擴展。 它管理您的文件並使您與整個團隊保持同步。

抽象的

在此處下載插件：https://www.goabstract.com/

這個插件是設計師的 Git。 它允許您管理整個項目並與其他設計師協作。 它為您提供了對 Sketch 文件的版本控制，它與 Slack 集成，它允許您從不使用 Sketch 的客戶那裡收集反饋。

由 InVision 製作

在此處下載插件：https://www.invisionapp.com/craft

作為最受歡迎的 Sketch 擴展之一，Craft 為您提供了一組不同的插件，從內容生成器到反饋收集器再到原型工具。 您可以從網站獲取真實內容，而不是添加 lorem ipsum 內容。 您可以直接從 Craft 中搜索，而不是搜索股票網站來添加用戶頭像。 您可以生成它們，而不是隨機生成電話號碼。

這些只是 Craft 工作原理的幾個示例。 如果您想了解更多關於 Craft 的信息，您絕對應該閱讀 Toptal 設計師 Bree Chapin 的這篇文章。

內容和對像生成器插件

素描材質

在此處下載插件：https://websiddu.github.io/sketch-material/

這個 Sketch 插件可以讓你從 Google Material Design 系統生成任何組件。

引導網格

在此處下載插件：https://github.com/De-La-Vega/BootstrapGrid

這個 Sketch 插件在 Sketch 文件中生成 Bootstrap 網格。 您所要做的就是繪製一個矩形，插件將在其中創建網格。

7 欄日曆

在此處下載插件：https://www.ls.graphics/

7 列日曆將生成任何 7 列日曆。 這絕對是我最喜歡的插件之一。 如果您需要設計日曆，它可以節省大量時間。

用戶流

在此處下載插件：https://abynim.github.io/UserFlows/

使用 User Flows Sketch 插件生成用戶流程圖是小菜一碟。

活套

在此處下載插件：http://sureskumar.com/looper/

我個人的最愛之一，這個插件通過複製形狀和組來生成令人費解的插圖。 您可以使用它來創建多種類型的插圖，例如橫幅、海報、圖案、抽象背景等。 您可以在此處了解有關 Looper 的更多信息。

五彩紙屑

在此處下載插件：http://www.sketchconfetti.com/

這個 Sketch 插件一鍵從對象和圖層生成五彩紙屑。

圖標花

在此處下載插件：https://github.com/avadhbsd/IconFlower

這將立即為您安排 Phyllotaxis 模式中的圖標。

溜冰者

在此處下載插件：https://github.com/joshdjuric/Skatter

另一個很棒的 Sketch 插件，用於創建隨機圖案。 只需創建一些簡單的形狀，Skatter 就會將它們變成漂亮的圖案。

攪拌機

在此處下載插件：https://github.com/bunnieabc/Blender

這個新鮮的 Sketch 擴展將兩種形狀融合在一起，並在它們之間創造出美麗的漸變。

地圖生成器

在此處下載插件：https://github.com/eddiesigner/sketch-map-generator

如果你厭倦了為你的設計截圖地圖，你會喜歡這個插件的。 繪製一個矩形，輸入您的位置，從 Snazzy Maps 複製樣式，然後 Map Generator 將為您完成剩下的工作。

粗略的餡餅

在這裡下載插件：https://github.com/longzheng/sketch-randomSize

Sketch 不是創建餅圖的最佳工具……但 Sketchy Pies 出現了。 這個 Sketch 插件將為您創建餅圖或圓形圖。

隨機尺寸

在這裡下載插件：https://github.com/longzheng/sketch-randomSize

用於創建圖表的另一個很棒的 Sketch 擴展。 您可以使用此插件隨機化任何形狀尺寸以創建條形圖。

導出和前端開發插件

使用這些插件，您無需任何編碼技能即可發布 HTML/CSS 文件、整個網站或編碼的時事通訊。 此外，其中一些擴展將為不使用 Sketch 的開發團隊生成文件。

發射台

在此處下載插件：https://launchpad.animaapp.com/

一個出色的 Sketch 插件，允許您直接在 Sketch 中發布準備好的網站，而無需任何代碼知識。

緊身

在此處下載插件：https://launchpad.animaapp.com/

下次您的客戶要求您處理電子郵件模板時，請下載此插件。 它將幫助您使用響應式 HTML 就緒代碼輕鬆創建電子郵件模板。

同步到幻燈片

在此處下載插件：https://www.figma.com/community/plugin/952824515190483725/Sync-to-Slides

一個很棒的 Sketch 插件，適合那些從事在線演示的人。 它將 Sketch 畫板同步到 Google 幻燈片。

措施

在此處下載插件：http://utom.design/measure/

當您必須將設計文件傳遞給開發團隊時，Measure 是完美的選擇。 它標記所有尺寸並生成包含整個設計的 HTML 文件，因此沒有 Sketch 的開發人員可以輕鬆打開它。

市場

在這裡下載插件：https://github.com/tudou527/marketch

當您與開發團隊協作時，另一個插件會變得很方便。 它會生成包含設計的 HTML 文件，並允許您複製所有圖層的 CSS 樣式。

圖層管理插件

當您管理龐大的設計文件時，這些插件非常有用。 它們允許您清理、重命名、刪除或搜索 Sketch 圖層。 您還可以使用表情符號來管理您的文件。

重命名它

在此處下載插件：https://github.com/rodi01/RenameIt

使用此 Sketch 插件，您可以通過選擇它們並使用單個快捷方式一次重命名多個圖層。

清理無用組

在此處下載插件：https://github.com/bomberstudios/Cleanup-Useless-Groups

當您快速工作時，您最終可能會得到空組。 這個 Sketch 插件將通過刪除所有無用的（重複的或空的）組來解決您的問題。

選擇熟悉的圖層

在此處下載插件：https://github.com/wonderbit/sketch-select-similar-layers

如果您熟悉 Adob​​e Illustrator 的“選擇相似對象”功能並且您在 Sketch 中錯過了它，那麼您會喜歡這個插件。 該插件允許您選擇具有相同填充顏色、邊框顏色、字體大小、混合模式等的圖層。

素描畫板管理器

在此處下載插件：https://github.com/bomberstudios/artboard-manager

畫板管理器將畫板捕捉到行和列中並排列它們的位置。

草圖搜索無處不在

在此處下載插件：https://github.com/MrPeak/sketch-search-everywhere

使用此 Sketch 插件，您只需輸入其名稱即可找到任何圖層。

給我排序

在此處下載插件：https://github.com/romashamin/sort-me-sketch

這個小巧的 Sketch 插件將使用一個鍵盤快捷鍵對您的圖層或畫板進行排序。

切換層

在此處下載插件：https://github.com/joshwayne/jw-sketch-plugins

一個很棒的插件，結合圖層名稱中的表情符號，允許您切換隨眼睛表情符號提供的圖層可見性。

實用程序

這些 Sketch 插件主要擴展基本的 Sketch 功能或使它們更易於訪問。

魔鏡3

在此處下載插件：http://magicsketch.io/mirror/

如果你錯過了 Photoshop 的透視變換，這個 Sketch 插件是必備的。 您將能夠在不破壞透視圖的情況下轉換任何 Sketch 圖層。

斯塔克

在此處下載插件：http://www.getstark.co/

如果您關心項目的可訪問性，則必須擁有插件。 這是一個色盲模擬器和對比度檢查器。

方便的工具

在此處下載插件：https://github.com/webpatch/Handy-Tools

Handy Tools 提供了一組功能，例如圖層對齊、間距或切換圖層可見性。

微調角半徑

在此處下載插件：https://github.com/DWilliames/nudge-corner-radius-sketch-plugin

此插件允許您從鍵盤更改拐角半徑。

導入符號

在此處下載插件：https://github.com/kmerc/sketch-import-symbols

如果您處理多個 Sketch 文件，您可能需要查看此插件。 它將所有符號從一個 Sketch 文件導入到另一個文件。

移動半個像素

在此處下載插件：https://github.com/canisminor1990/sketch-move-half-pixel

有時你想將 Sketch 中的對象移動半個像素——使用這個插件是小菜一碟。

文本插件

在此處下載插件：https://github.com/joshwayne/jw-sketch-plugins

使用這兩個插件，您可以將多個文本圖層合併到一個文本字段中，也可以將一個文本字段拆分為單獨的圖層。

小程序

在此處下載插件：https://github.com/Carlosarturo28/Appalette

Appalette 將從許多流行的應用程序（如 Dropbox、Facebook 或 Airbnb）下載調色板。

拼寫檢查所有圖層

在此處下載插件：https://github.com/Tallwave/sketch-spellcheck-all-layers

我最喜歡的 Sketch 插件之一。 它將檢查整個文件是否有錯別字。

自動佈局

在此處下載插件：https://animaapp.github.io/

描述這個插件的四個詞：設計師的響應式設計。

體液

在此處下載插件：https://github.com/matt-curtis/Fluid-for-Sketch

一個複雜的插件，允許您基於約束創建響應式畫板。

組合

在此處下載插件：https://github.com/romashamin/compo-sketch

使用這個 Sketch 插件，您可以製作下一級的動態組件。

翻轉大小

在此處下載插件：https://github.com/apertureless/sketch-flip-size

一個小巧的 Sketch 插件，可以通過一個快捷方式切換對象的寬度和高度。

像素完美者

在此處下載插件：https://github.com/swiadek/pixel-perfecter-sketch-plugin

使用這個簡單的 Sketch 插件，您將避免損壞的圖層尺寸。

圖標壓模

在此處下載插件：https://github.com/tylergaw/icon-stamper

一個 Sketch 插件，可以為你生成不同大小的圖標。

社交畫板

在此處下載插件：https://github.com/herrhelms/social-artboards-sketch

如果您創建了很多社交媒體圖像，這個 Sketch 插件將通過為您生成不同尺寸的畫板來為您節省大量時間。

查找和替換

在此處下載插件：https://github.com/thierryc/Sketch-Find-And-Replace

使用此 Sketch 插件，您可以查找和替換文件中的任何文本。

• • •

進一步閱讀 Toptal 設計博客：

• 電子商務用戶體驗——最佳實踐概述（附信息圖）
• 以人為本的設計在產品設計中的重要性
• 最佳 UX 設計師作品集——鼓舞人心的案例研究和示例
• 移動界面的啟發式原則
• 預期設計：如何創造神奇的用戶體驗