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 设计师作品集——鼓舞人心的案例研究和示例
• 移动界面的启发式原则
• 预期设计：如何创造神奇的用户体验