作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
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插件中的一个. 它们将帮助你有效地管理和运行你的插件.
一个Sketch插件浏览器、管理器和自动更新器. Sketch Packs还可以通过锁定插件版本来避免在更新Sketch时出现意外的兼容性问题.
Sketch Runner是Spotlight或Sketch的Alfred. 这是一个功能强大的Sketch插件,可以让你从键盘上运行Sketch命令. 它也是一个插件,为您安装和管理其他插件.
Download plugin here: http://mludowise.github.io/Sketch-Plugin-Manager/
这是四个插件中的第三个,你会发现在测试和管理插件时很方便. 它使用Git来管理你所有的插件,并使它们保持最新.
Download plugin here: http://sketchtoolbox.com/
素描工具箱是另一个选项,可以帮助您管理, install, and update all of your Sketch plugins.
而你应该尝试所有这四个插件, 我最喜欢的是Sketch Runner——它提供的不仅仅是插件管理. 如果你习惯了它,你将无法想象使用素描没有它.
Once you’ve picked your plugin manager, 让我们进入Sketch协作插件,它将允许您管理您的文件, collaborate with your friends, collect feedback, and more.
Download plugin here: http://zeroheight.com/
Zero Height是一个外部免费插件,允许您创建资产库和样式指南, collaborate with other designers, 并在云端保持一切同步.
Download plugin here: http://github.com/lalomts/Chain
当涉及到大文件的颜色变化时,Chain是一个很好的插件. 这个Sketch插件在Sketch中创建动态颜色关系,并使您可以在全局范围内更改颜色.
Download plugin here: http://kactus.io/
Kaktus是一个设计版本控制扩展. 它管理您的文件,并使您与整个团队保持同步.
Download plugin here: http://www.goabstract.com/
This plugin is a Git for designers. 它允许你管理整个项目,并与其他设计师合作. 它为您提供了草图文件的版本控制, it’s integrated with Slack, 它可以让你从不使用Sketch的客户那里收集反馈.
Download plugins here: http://www.invisionapp.com/craft
最流行的草图扩展之一, Craft为你提供了一组不同的插件,从内容生成器到反馈收集器再到原型工具. 而不是添加虚假的ipsum内容,你可以从一个网站获得真正的内容. 而不是通过搜索股票网站来添加用户头像,你可以直接从Craft中完成. 你可以直接生成电话号码,而不是随机找出电话号码.
这些只是Craft如何工作的几个例子. 如果你想了解更多的工艺,你绝对应该 阅读Toptal设计师Bree Chapin的这篇文章.
Download plugin here: http://websiddu.github.io/sketch-material/
这个Sketch插件可以让你从Google Material Design系统生成任何组件.
Download plugin here: http://github.com/De-La-Vega/BootstrapGrid
这个Sketch插件在Sketch文件中生成Bootstrap网格. 你所要做的就是画一个矩形,插件会在里面创建网格.
Download plugin here: http://www.ls.graphics/
7列日历将生成任何7列日历. 这绝对是我最喜欢的插件之一. 如果你需要设计一个日历,它可以节省很多时间.
Download plugin here: http://abynim.github.io/UserFlows/
使用user Flows Sketch插件生成用户流程图是小菜一碟.
Download plugin here: http://sureskumar.com/looper/
One of my personal favorites, 这个插件通过复制形状和组来生成令人费解的插图. 您可以使用它来创建许多类型的插图,如横幅, posters, patterns, abstract backgrounds, and more. You can learn more about Looper here.
Download plugin here: http://www.sketchconfetti.com/
这个Sketch插件可以一键从对象和图层生成五彩纸屑.
Download plugin here: http://github.com/avadhbsd/IconFlower
这将安排图标在一个Phyllotaxis模式为您在任何时间.
Download plugin here: http://github.com/joshdjuric/Skatter
另一个伟大的素描插件,创建随机模式. 只需创建一些简单的形状和Skatter将他们变成一个美丽的图案.
Download plugin here: http://github.com/bunnieabc/Blender
这个新鲜的草图扩展融合了两个形状,并在它们之间创建了一个美丽的渐变.
Download plugin here: http://github.com/eddiesigner/sketch-map-generator
如果你厌倦了为你的 designs, you will love this plugin. 画一个矩形,输入你的位置,复制样式 Snazzy Maps, Map Generator将为您完成其余的工作.
Download plugin here: http://github.com/longzheng/sketch-randomSize
Sketch并不是制作饼状图的最佳工具,但是Sketchy Pies来了. 这个Sketch插件将为您创建饼状图或圆形图.
Download plugin here: http://github.com/longzheng/sketch-randomSize
另一个伟大的素描扩展创建图表. 你可以随机化任何形状的尺寸与此插件来创建条形图.
With these plugins, you can publish HTML/CSS files, whole websites, 或者没有任何编码技能的编码通讯. 此外,其中一些扩展将为不使用Sketch的开发团队生成文件.
Download plugin here: http://launchpad.animaapp.com/
一个杰出的Sketch插件,允许您在没有任何代码知识的情况下直接在Sketch中发布现成的网站.
Download plugin here: http://launchpad.animaapp.com/
下次你的客户要求你制作电子邮件模板时,下载这个插件. 它将帮助您轻松创建电子邮件模板与html就绪的代码,是响应.
Download plugin here: http://www.figma.com/community/plugin/952824515190483725/Sync-to-Slides
一个伟大的素描插件,为那些谁在网上演示工作. 它将素描画板同步到谷歌幻灯片.
Download plugin here: http://utom.design/measure/
当你必须将你的设计文件传递给开发团队时,度量是完美的. 它标记所有维度,并生成包含整个设计的HTML文件, 所以没有Sketch的开发者可以很容易地打开它.
Download plugin here: http://github.com/tudou527/marketch
当您与开发团队协作时,另一个插件变得很方便. 它生成包含设计的HTML文件,并允许您复制所有图层的CSS样式.
当你管理庞大的设计文件时,这些插件真的很有帮助. 它们允许您清理、重命名、删除或搜索Sketch图层. You can also use emojis to manage your files.
Download plugin here: http://github.com/rodi01/RenameIt
With this Sketch plugin, 您可以通过选择多个图层并使用单个快捷方式一次重命名多个图层.
Download plugin here: http://github.com/bomberstudios/Cleanup-Useless-Groups
当您快速工作时,可能会以空组结束. 这个Sketch插件将通过删除所有无用的(重复的或空的)组来解决你的问题.
Download plugin here: http://github.com/wonderbit/sketch-select-similar-layers
如果你熟悉adobeillustrator的“选择相似对象”功能,你错过了素描, you will love this plugin. 这个插件允许您选择具有相同填充颜色的图层, border color, font size, blending mode, etc.
Download plugin here: http://github.com/bomberstudios/artboard-manager
画板管理器将画板分为行和列,并安排其位置.
Download plugin here: http://github.com/MrPeak/sketch-search-everywhere
使用这个Sketch插件,您可以通过输入其名称找到任何图层.
Download plugin here: http://github.com/romashamin/sort-me-sketch
这个小小的Sketch插件可以用一个快捷键对图层或画板进行排序.
Download plugin here: http://github.com/joshwayne/jw-sketch-plugins
A great plugin that, in combination with Emojis in Layer Names,允许您切换层的可见性提供👀眼睛表情符号.
这些Sketch插件主要扩展了Sketch的基本功能,或者使它们更容易访问.
Download plugin here: http://www.getstark.co/
一个必须有插件,如果你关心你的项目可访问性. 这是一个色盲模拟器和对比度检查器.
Download plugin here: http://github.com/webpatch/Handy-Tools
便利工具提供了一组功能,如图层对齐、间距或切换图层可见性.
Download plugin here: http://github.com/DWilliames/nudge-corner-radius-sketch-plugin
这个插件允许你从你的键盘改变角的半径.
Download plugin here: http://github.com/kmerc/sketch-import-symbols
如果您在几个Sketch文件上工作,您可能想要检查这个插件. 它将所有的符号从一个草图文件导入到另一个.
Download plugin here: http://github.com/canisminor1990/sketch-move-half-pixel
有时你想在Sketch中移动一个对象半像素-这是一块蛋糕与这个插件.
Download plugin here: http://github.com/joshwayne/jw-sketch-plugins
With these two plugins, 您可以将多个文本层组合到一个文本字段中, 或者您可以将一个文本字段拆分为单独的图层.
Download plugin here: http://github.com/Carlosarturo28/Appalette
Appalette将从Dropbox、Facebook或Airbnb等许多流行应用程序中下载调色板.
Download plugin here: http://github.com/Tallwave/sketch-spellcheck-all-layers
One of my favorite Sketch Plugins. It will check the whole file for typos.
Download plugin here: http://animaapp.github.io/
四个字来描述这个插件:响应式设计的设计师.
Download plugin here: http://github.com/matt-curtis/Fluid-for-Sketch
一个复杂的插件,允许您创建基于约束的响应画板.
Download plugin here: http://github.com/romashamin/compo-sketch
使用这个Sketch插件,您可以制作下一级动态组件.
Download plugin here: http://github.com/apertureless/sketch-flip-size
一个小的素描插件,将切换对象的宽度和高度与一个快捷方式.
Download plugin here: http://github.com/swiadek/pixel-perfecter-sketch-plugin
使用这个简单的Sketch插件,你将避免破坏图层尺寸.
Download plugin here: http://github.com/tylergaw/icon-stamper
一个Sketch插件,将为您生成不同大小的图标.
Download plugin here: http://github.com/herrhelms/social-artboards-sketch
如果你创造了很多社交媒体图片, 这个Sketch插件将通过为你生成不同大小的画板来节省你很多时间.
Download plugin here: http://github.com/thierryc/Sketch-Find-And-Replace
有了这个Sketch插件,你可以找到并替换文件中的任何文本.
Wojciech是一位拥有8年经验的产品设计师和网页设计师. 他对排版和声音设计充满热情.
World-class articles, delivered weekly.
World-class articles, delivered weekly.
Join the Toptal® community.