50种最佳Sketch插件的终极清单

本文概述

• Sketch插件管理器
• 协作Sketch插件
• 内容和对象生成器插件
• 导出和前端开发插件
• 层管理插件
• 实用工具

Sketch席卷了设计市场。他们没有发布任何官方编号, 但是很明显, 你加入或交谈的几乎所有设计团队在某种程度上都知道或使用Sketch。

Sketch的功能最强大的方面之一是其活跃的开发者社区以及为其构建的出色的插件集。使用Sketch插件, 你可以在几秒钟内创建精美的3D插图和独特的动画。

我收集了五十个最佳的Sketch插件列表, 以节省你的研究时间。我按以下类别组织了它们。

Sketch插件管理器

协作Sketch插件

内容和对象生成器插件

导出和前端开发插件

层管理插件

实用工具

Sketch插件管理器

你应该首先安装这四个Sketch插件之一。他们将帮助你有效地管理和运行插件。

Sketch Packs

在此处下载插件：https://sketchpacks.com/

Sketch插件浏览器, 管理器和自动更新器。通过锁定插件版本更新Sketch时, Sketch Packs还可以使你免于意外的兼容性问题。

Sketch Runner

http://sketchrunner.com/

Sketch Runner是Spotlight或Alfred for Sketch。这是一个功能强大的Sketch插件, 可让你从键盘上运行Sketch命令。它也是一个插件, 可以为你安装和管理其他插件。

Sketch插件管理器

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

在测试和管理插件时, 这是你可以使用的四个插件中的第三个。它使用Git来管理你的所有插件, 并使它们保持最新状态。

Sketch工具箱：Sketch Toolbox

在此处下载插件：http://sketchtoolbox.com/

Sketch Toolbox是另一个选项, 可以帮助你管理, 安装和更新所有Sketch插件。

尽管你应该尝试所有这四个插件, 但我最喜欢的一个是Sketch Runner-它为你提供的不仅仅是插件管理。如果习惯了, 没有它, 你将无法想象使用Sketch。

协作Sketch插件

选择了插件管理器后, 让我们跳入Sketch协作插件, 该插件可让你管理文件, 与朋友协作, 收集反馈等。

Zero Height

在此处下载插件：https://zeroheight.com/

Zero Height是一个外部免费插件, 可让你创建资产库和样式指南, 与其他设计师协作以及将所有内容同步在云中。

Chain

在此处下载插件：https://lalomrtnz.github.io/Chain/

当涉及到大文件中的颜色变化时, Chain是一个很棒的插件。此Sketch插件可在Sketch中创建动态颜色关系, 并让你可以随时动态更改颜色。

Kaktus

在此处下载插件：https://kactus.io/

Kaktus是设计版本控制扩展。它可以管理你的文件, 并使你与整个团队保持同步。

Abstract

在此处下载插件：https://www.goabstract.com/

该插件是面向设计师的Git。它使你可以管理整个项目并与其他设计师合作。它使你可以控制Sketch文件的版本, 并与Slack集成在一起, 还可以收集不使用Sketch的客户的反馈。

InVision Craft

在此处下载插件：https://www.invisionapp.com/craft

Craft是最受欢迎的Sketch扩展之一, 它为你提供了一系列不同的插件, 从内容生成器到反馈收集器再到原型制作工具。无需添加lorem ipsum内容, 你可以从网站获取真实内容。你可以直接在Craft上进行搜索, 而无需在股票网站上搜索以添加用户头像。你无需生成随机的电话号码, 只需生成它们即可。

这些只是Craft如何运作的几个例子。如果你想了解有关Craft的更多信息, 请务必阅读srcmini设计师Bree Chapin撰写的这篇文章。

内容和对象生成器插件

Sketch材质

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

通过此Sketch插件, 你可以从Google Material Design系统生成任何组件。

Bootstrap Grid

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

该Sketch插件在Sketch文件中生成Bootstrap网格。你所要做的就是绘制一个矩形, 插件将在其中创建网格。

7 Column Calendar

在此处下载插件：https://freedesignresources.net/7-columns-calendar-creator/

7 Column Calendar将生成任何7列日历。这绝对是我最喜欢的插件之一。如果需要设计日历, 可以节省大量时间。

User Flows

在此处下载插件：https://abynim.github.io/UserFlows/

使用User Flows Sketch插件可以轻松生成用户流程图。

Looper

在此处下载插件：http://sureskumar.com/looper/

我的个人最爱之一, 此插件通过复制形状和组来生成令人难以置信的插图。你可以使用它来创建多种类型的插图, 例如横幅, 海报, 图案, 抽象背景等等。你可以在此处了解有关Looper的更多信息。

Confetti

在此处下载插件：http://www.sketchconfetti.com/

此Sketch插件只需单击一下即可从对象和图层生成纸屑。

Icon Flower

在此处下载插件：https://github.com/avadhbsd/IconFlower

这将立即为你安排Phyllotaxis模式的图标。

Skatter

在此处下载插件：https://github.com/joshdjuric/Skatter

另一个很棒的Sketch插件, 可以创建随机模式。只需创建一些简单的形状, Skatter就会将它们变成漂亮的图案。

Blender

在此处下载插件：https://github.com/bunnieabc/Blender

这个新鲜的Sketch扩展将两个形状融合在一起, 并在它们之间创建了美丽的渐变。

地图生成器

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

如果你厌倦了对设计的地图进行屏幕截图, 则将喜欢此插件。绘制一个矩形, 键入你的位置, 从Snazzy Maps复制样式, 然后Map Generator将为你完成其余工作。

Sketchy Pies

在此处下载插件：https://github.com/longzheng/sketch-randomSize

Sketch不是创建饼图的最佳工具……但是Sketchy Pies来了。此Sketch插件将为你创建饼图或圆形图表。

Random Sizing

在此处下载插件：https://github.com/longzheng/sketch-randomSize

用于创建图表的另一个很棒的Sketch扩展。你可以使用此插件将任意形状尺寸随机化以创建条形图。

导出和前端开发插件

使用这些插件, 你可以发布HTML / CSS文件, 整个网站或已编码的新闻通讯, 而无需任何编码技能。此外, 其中一些扩展程序将为不使用Sketch的开发团队生成文件。

Launchpad

在此处下载插件：https://launchpad.animaapp.com/

一个出色的Sketch插件, 可让你直接在Sketch中发布无需任何代码知识的即兴网站。

Slinky

在此处下载插件：https://launchpad.animaapp.com/

下次你的客户要求你使用电子邮件模板时, 请下载此插件。它将通过响应式HTML就绪代码轻松帮助你创建电子邮件模板。

Sync to Slides

在此处下载插件：https://websiddu.github.io/sync-to-slides/

一个很棒的Sketch插件, 适合从事在线演示的人员。它将Sketch画板同步到Google幻灯片。

Measure

在此处下载插件：http://utom.design/measure/

当你必须将设计文件传递给开发团队时, Measure是完美的选择。它标记了所有尺寸并生成了包含整个设计的HTML文件, 因此没有Sketch的开发人员可以轻松打开它。

Marketch

在此处下载插件：https://github.com/tudou527/marketch

与开发团队合作时, 另一个方便使用的插件。它生成包含设计的HTML文件, 并允许你复制所有图层的CSS样式。

层管理插件

当你管理大型设计文件时, 这些插件非常有用。它们使你可以清理, 重命名, 删除或搜索Sketch图层。你还可以使用表情符号来管理文件。

RenameIt

在此处下载插件：https://github.com/rodi01/RenameIt

使用此Sketch插件, 你可以通过选择多个图层并使用一个快捷方式来立即重命名多个图层。

清理无用组

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

当你快速工作时, 你可能会遇到空组。这个Sketch插件将通过删除所有无用的(重复的或空的)组来解决你的问题。

Select Familiar Layers

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

如果你熟悉Adobe Illustrator的”选择类似对象”功能, 但在Sketch中错过了它, 那么你会喜欢上此插件。该插件可让你选择具有相同填充颜色, 边框颜色, 字体大小, 混合模式等的图层。

Sketch Artboard Manager

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

画板管理器将画板分成行和列, 并排列其位置。

Sketch Search Everywhere

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

使用此Sketch插件, 你只需输入名称即可找到任何图层。

Sort Me

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

这个小巧的Sketch插件将使用一个键盘快捷键对你的图层或画板进行排序。

切换图层

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

一个很棒的插件, 与”图层名称”中的表情符号结合使用, 可让你切换????眼睛表情符号提供的图层可见性。

实用工具

这些Sketch插件主要扩展了Sketch的基本功能或使其更易于访问。

Magic Mirror 3

在此处下载插件：http://magicsketch.io/mirror/

如果你错过了Photoshop中的Perspective Transformation, 则必须具有此Sketch插件。你将能够在不破坏透视图的情况下对其进行变换。

Stark

在此处下载插件：http://www.getstark.co/

如果你关心项目的可访问性, 则必须使用该插件。这是一个色盲模拟器和对比度检查器。

Handy Tools

在此处下载插件：https://github.com/webpatch/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

使用这两个插件, 你可以将多个文本层组合为一个文本字段, 也可以将一个文本字段拆分为单独的层。

Appalette

在此处下载插件：https://github.com/Carlosarturo28/Appalette

Appalette将从许多流行的应用程序(例如Dropbox, Facebook或Airbnb)下载调色板。

拼写检查所有图层

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

我最喜欢的Sketch插件之一。它将检查整个文件中的拼写错误。

自动布局

在此处下载插件：https://animaapp.github.io/

描述此插件的四个词：设计师的响应式设计。

Fluid

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

一个复杂的插件, 可让你根据约束创建响应式画板。

Compo

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

使用此Sketch插件, 你可以制作下一级动态组件。

FlipSize

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

一个微型的Sketch插件, 可以通过一个快捷方式切换对象的宽度和高度。

Pixel Perfecter

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

使用此简单的Sketch插件, 你将避免损坏图层尺寸。

Icon Stamper

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

一个Sketch插件, 它将为你生成不同大小的图标。

社交画板

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

如果你创建大量社交媒体图像, 则此Sketch插件将通过为你生成不同大小的画板来节省大量时间。

查找和替换

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

使用此Sketch插件, 你可以查找并替换文件中的所有文本。

• • •

在srcmini设计博客上进一步阅读：

• 电子商务UX –最佳做法概述(带有信息图)
• 以人为本的设计在产品设计中的重要性
• 最佳UX设计器产品组合–启发性的案例研究和示例
• 移动接口的启发式原理
• 预期设计：如何创建神奇的用户体验