作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
Wojciech Dobry's profile image

Wojciech Dobry

Wojciech是一位拥有8年经验的产品设计师和网页设计师. 他对排版和声音设计充满热情.

Previously At

Amazon
Share

Sketch席卷了设计市场. They don’t release any official numbers, 但很明显,几乎任何你加入或与之交谈的设计团队都在一定程度上了解或使用Sketch.

Sketch最强大的方面之一是它活跃的开发者社区和他们为它构建的奇妙的插件集. 使用Sketch插件,您可以在几秒钟内创建华丽的3D插图和独特的动画.

我收集了50个最好的Sketch插件,以节省你的研究时间. I organized them by categories below.

Sketch Plugin Managers
Collaboration Sketch Plugins
Content and Object Generator Plugins
Export and Front-End Development Plugins
Layer Management Plugins
Utilities

Sketch Plugin Managers

您应该首先安装以下四个Sketch插件中的一个. 它们将帮助你有效地管理和运行你的插件.

Sketch Packs

Sketch Packs plugin

一个Sketch插件浏览器、管理器和自动更新器. Sketch Packs还可以通过锁定插件版本来避免在更新Sketch时出现意外的兼容性问题.

Sketch Runner

http://sketchrunner.com/

best Sketch Runner plugin

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

Sketch Plugin Manager

Download plugin here: http://mludowise.github.io/Sketch-Plugin-Manager/

最好的草图插件管理器插件之一

这是四个插件中的第三个,你会发现在测试和管理插件时很方便. 它使用Git来管理你所有的插件,并使它们保持最新.

Sketch Toolbox

Download plugin here: http://sketchtoolbox.com/

Sketch Toolbox plugin

素描工具箱是另一个选项,可以帮助您管理, install, and update all of your Sketch plugins.

而你应该尝试所有这四个插件, 我最喜欢的是Sketch Runner——它提供的不仅仅是插件管理. 如果你习惯了它,你将无法想象使用素描没有它.

Collaboration Sketch Plugins

Once you’ve picked your plugin manager, 让我们进入Sketch协作插件,它将允许您管理您的文件, collaborate with your friends, collect feedback, and more.

Zero Height

Download plugin here: http://zeroheight.com/

Zero Height plugin

Zero Height是一个外部免费插件,允许您创建资产库和样式指南, collaborate with other designers, 并在云端保持一切同步.

Chain

Download plugin here: http://github.com/lalomts/Chain

Chain Sketch plugin

当涉及到大文件的颜色变化时,Chain是一个很好的插件. 这个Sketch插件在Sketch中创建动态颜色关系,并使您可以在全局范围内更改颜色.

Kaktus

Download plugin here: http://kactus.io/

Kaktus Sketch plugin

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

Abstract

Download plugin here: http://www.goabstract.com/

Abstract Sketch plugin

This plugin is a Git for designers. 它允许你管理整个项目,并与其他设计师合作. 它为您提供了草图文件的版本控制, it’s integrated with Slack, 它可以让你从不使用Sketch的客户那里收集反馈.

Craft by InVision

Download plugins here: http://www.invisionapp.com/craft

Craft by InVision Sketch plugin

最流行的草图扩展之一, Craft为你提供了一组不同的插件,从内容生成器到反馈收集器再到原型工具. 而不是添加虚假的ipsum内容,你可以从一个网站获得真正的内容. 而不是通过搜索股票网站来添加用户头像,你可以直接从Craft中完成. 你可以直接生成电话号码,而不是随机找出电话号码.

这些只是Craft如何工作的几个例子. 如果你想了解更多的工艺,你绝对应该 阅读Toptal设计师Bree Chapin的这篇文章.

Content and Object Generator Plugins

Sketch Material

Download plugin here: http://websiddu.github.io/sketch-material/

Best Sketch plugin Material

这个Sketch插件可以让你从Google Material Design系统生成任何组件.

Bootstrap Grid

Download plugin here: http://github.com/De-La-Vega/BootstrapGrid

Bootstrap Sketch plugin

这个Sketch插件在Sketch文件中生成Bootstrap网格. 你所要做的就是画一个矩形,插件会在里面创建网格.

7 Column Calendar

Download plugin here: http://www.ls.graphics/

7 Column Calendar Sketch plugin

7列日历将生成任何7列日历. 这绝对是我最喜欢的插件之一. 如果你需要设计一个日历,它可以节省很多时间.

招聘美国全职自由UI设计师

User Flows

Download plugin here: http://abynim.github.io/UserFlows/

User Flows Sketch plugin

使用user Flows Sketch插件生成用户流程图是小菜一碟.

Looper

Download plugin here: http://sureskumar.com/looper/

Looper Sketch plugin

One of my personal favorites, 这个插件通过复制形状和组来生成令人费解的插图. 您可以使用它来创建许多类型的插图,如横幅, posters, patterns, abstract backgrounds, and more. You can learn more about Looper here.

Confetti

Download plugin here: http://www.sketchconfetti.com/

Best Sketch plugin Confetti

这个Sketch插件可以一键从对象和图层生成五彩纸屑.

Icon Flower

Download plugin here: http://github.com/avadhbsd/IconFlower

Icon Flower Sketch plugin

这将安排图标在一个Phyllotaxis模式为您在任何时间.

Skatter

Download plugin here: http://github.com/joshdjuric/Skatter

Skatter Sketch plugin

另一个伟大的素描插件,创建随机模式. 只需创建一些简单的形状和Skatter将他们变成一个美丽的图案.

Blender

Download plugin here: http://github.com/bunnieabc/Blender

Blender Best Sketch plugin

这个新鲜的草图扩展融合了两个形状,并在它们之间创建了一个美丽的渐变.

Map Generator

Download plugin here: http://github.com/eddiesigner/sketch-map-generator

Map Generator Sketch plugin

如果你厌倦了为你的 designs, you will love this plugin. 画一个矩形,输入你的位置,复制样式 Snazzy Maps, Map Generator将为您完成其余的工作.

Sketchy Pies

Download plugin here: http://github.com/longzheng/sketch-randomSize

Sketchy Pies plugin
Sketchy Pies plugin

Sketch并不是制作饼状图的最佳工具,但是Sketchy Pies来了. 这个Sketch插件将为您创建饼状图或圆形图.

Random Sizing

Download plugin here: http://github.com/longzheng/sketch-randomSize

最好的Sketch插件之一:随机大小插件

另一个伟大的素描扩展创建图表. 你可以随机化任何形状的尺寸与此插件来创建条形图.

导出和前端开发插件

With these plugins, you can publish HTML/CSS files, whole websites, 或者没有任何编码技能的编码通讯. 此外,其中一些扩展将为不使用Sketch的开发团队生成文件.

Launchpad

Download plugin here: http://launchpad.animaapp.com/

Launchoad Sketch plugin

一个杰出的Sketch插件,允许您在没有任何代码知识的情况下直接在Sketch中发布现成的网站.

Slinky

Download plugin here: http://launchpad.animaapp.com/

Slinky Sketch plugin

下次你的客户要求你制作电子邮件模板时,下载这个插件. 它将帮助您轻松创建电子邮件模板与html就绪的代码,是响应.

Sync to Slides

Download plugin here: http://www.figma.com/community/plugin/952824515190483725/Sync-to-Slides

Sync to Slides Sketch plugin

一个伟大的素描插件,为那些谁在网上演示工作. 它将素描画板同步到谷歌幻灯片.

Measure

Download plugin here: http://utom.design/measure/

Measure Sketch plugin

当你必须将你的设计文件传递给开发团队时,度量是完美的. 它标记所有维度,并生成包含整个设计的HTML文件, 所以没有Sketch的开发者可以很容易地打开它.

Marketch

Download plugin here: http://github.com/tudou527/marketch

Best Sketch plugin Marketch

当您与开发团队协作时,另一个插件变得很方便. 它生成包含设计的HTML文件,并允许您复制所有图层的CSS样式.

Layer Management Plugins

当你管理庞大的设计文件时,这些插件真的很有帮助. 它们允许您清理、重命名、删除或搜索Sketch图层. You can also use emojis to manage your files.

RenameIt

Download plugin here: http://github.com/rodi01/RenameIt

RenameIt Sketch plugin

With this Sketch plugin, 您可以通过选择多个图层并使用单个快捷方式一次重命名多个图层.

Cleanup Useless Groups

Download plugin here: http://github.com/bomberstudios/Cleanup-Useless-Groups

Cleanup Useless Groups plugin
Cleanup Useless Groups plugin

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

Select Familiar Layers

Download plugin here: http://github.com/wonderbit/sketch-select-similar-layers

Select Familiar Layers Sketch plugin

如果你熟悉adobeillustrator的“选择相似对象”功能,你错过了素描, you will love this plugin. 这个插件允许您选择具有相同填充颜色的图层, border color, font size, blending mode, etc.

Sketch Artboard Manager

Download plugin here: http://github.com/bomberstudios/artboard-manager

最佳素描插件画板管理器插件

画板管理器将画板分为行和列,并安排其位置.

Sketch Search Everywhere

Download plugin here: http://github.com/MrPeak/sketch-search-everywhere

Search Everywhere Sketch plugin

使用这个Sketch插件,您可以通过输入其名称找到任何图层.

Sort Me

Download plugin here: http://github.com/romashamin/sort-me-sketch

Sort Me Sketch plugin

这个小小的Sketch插件可以用一个快捷键对图层或画板进行排序.

Toggle Layers

Download plugin here: http://github.com/joshwayne/jw-sketch-plugins

A great plugin that, in combination with Emojis in Layer Names,允许您切换层的可见性提供👀眼睛表情符号.

Utilities

这些Sketch插件主要扩展了Sketch的基本功能,或者使它们更容易访问.

Stark

Download plugin here: http://www.getstark.co/

Stark Sketch plugin

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

Handy Tools

Download plugin here: http://github.com/webpatch/Handy-Tools

Best Sketch plugin: Handy Tools plugin

便利工具提供了一组功能,如图层对齐、间距或切换图层可见性.

Nudge Corner Radius

Download plugin here: http://github.com/DWilliames/nudge-corner-radius-sketch-plugin

Nudge Corner Radius plugin

这个插件允许你从你的键盘改变角的半径.

Import Symbols

Download plugin here: http://github.com/kmerc/sketch-import-symbols

Import Symbols Sketch plugin

如果您在几个Sketch文件上工作,您可能想要检查这个插件. 它将所有的符号从一个草图文件导入到另一个.

Move Half Pixel

Download plugin here: http://github.com/canisminor1990/sketch-move-half-pixel

Move Half Pixel Sketch plugin

有时你想在Sketch中移动一个对象半像素-这是一块蛋糕与这个插件.

Text Plugins

Download plugin here: http://github.com/joshwayne/jw-sketch-plugins

With these two plugins, 您可以将多个文本层组合到一个文本字段中, 或者您可以将一个文本字段拆分为单独的图层.

Appalette

Download plugin here: http://github.com/Carlosarturo28/Appalette

Appalette Sketch plugin

Appalette将从Dropbox、Facebook或Airbnb等许多流行应用程序中下载调色板.

Spellcheck All Layers

Download plugin here: http://github.com/Tallwave/sketch-spellcheck-all-layers

Spellcheck All Layers Sketch plugin

One of my favorite Sketch Plugins. It will check the whole file for typos.

Auto Layout

Download plugin here: http://animaapp.github.io/

Auto Layout Sketch plugin

四个字来描述这个插件:响应式设计的设计师.

Fluid

Download plugin here: http://github.com/matt-curtis/Fluid-for-Sketch

Fluid Sketch plugin

一个复杂的插件,允许您创建基于约束的响应画板.

Compo

Download plugin here: http://github.com/romashamin/compo-sketch

Compo Sketch plugin

使用这个Sketch插件,您可以制作下一级动态组件.

FlipSize

Download plugin here: http://github.com/apertureless/sketch-flip-size

FlipSize Sketch plugin

一个小的素描插件,将切换对象的宽度和高度与一个快捷方式.

Pixel Perfecter

Download plugin here: http://github.com/swiadek/pixel-perfecter-sketch-plugin

Pixel Perfecter plugin

使用这个简单的Sketch插件,你将避免破坏图层尺寸.

Icon Stamper

Download plugin here: http://github.com/tylergaw/icon-stamper

Icon Stamper Sketch plugin

一个Sketch插件,将为您生成不同大小的图标.

Social Artboards

Download plugin here: http://github.com/herrhelms/social-artboards-sketch

Social Artboards Sketch plugin

如果你创造了很多社交媒体图片, 这个Sketch插件将通过为你生成不同大小的画板来节省你很多时间.

Find and Replace

Download plugin here: http://github.com/thierryc/Sketch-Find-And-Replace

Find and Replace Sketch plugin

有了这个Sketch插件,你可以找到并替换文件中的任何文本.

Hire a Toptal expert on this topic.
Hire Now
Wojciech Dobry's profile image
Wojciech Dobry

Located in Kraków, Poland

Member since November 17, 2016

About the author

Wojciech是一位拥有8年经验的产品设计师和网页设计师. 他对排版和声音设计充满热情.

Toptal作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.

Previously At

Amazon

World-class articles, delivered weekly.

Subscription implies consent to our privacy policy

World-class articles, delivered weekly.

Subscription implies consent to our privacy policy

Toptal Designers

Join the Toptal® community.