本文概述
- Sketch插件管理器
- 协作Sketch插件
- 内容和对象生成器插件
- 导出和前端开发插件
- 层管理插件
- 实用工具
Sketch的功能最强大的方面之一是其活跃的开发者社区以及为其构建的出色的插件集。使用Sketch插件, 你可以在几秒钟内创建精美的3D插图和独特的动画。
我收集了五十个最佳的Sketch插件列表, 以节省你的研究时间。我按以下类别组织了它们。
Sketch插件管理器
协作Sketch插件
内容和对象生成器插件
导出和前端开发插件
层管理插件
实用工具
Sketch插件管理器 你应该首先安装这四个Sketch插件之一。他们将帮助你有效地管理和运行插件。
Sketch Packs
在此处下载插件:https://sketchpacks.com/
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833151925-25d604e9c27ff87ced3b96b22d549a17.png)
文章图片
Sketch插件浏览器, 管理器和自动更新器。通过锁定插件版本更新Sketch时, Sketch Packs还可以使你免于意外的兼容性问题。
Sketch Runner
http://sketchrunner.com/
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833158717-7e3d3328d9434ea3b2c9207a49aac989.png)
文章图片
Sketch Runner是Spotlight或Alfred for Sketch。这是一个功能强大的Sketch插件, 可让你从键盘上运行Sketch命令。它也是一个插件, 可以为你安装和管理其他插件。
Sketch插件管理器
在此处下载插件:https://mludowise.github.io/Sketch-Plugin-Manager/
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833166247-0d5c3ed8d0ddaec17fe04ad67a1e75ba.png)
文章图片
在测试和管理插件时, 这是你可以使用的四个插件中的第三个。它使用Git来管理你的所有插件, 并使它们保持最新状态。
Sketch工具箱:Sketch Toolbox
在此处下载插件:http://sketchtoolbox.com/
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833176904-798cac84f5b6984067e1e13c84d47b81.png)
文章图片
Sketch Toolbox是另一个选项, 可以帮助你管理, 安装和更新所有Sketch插件。
尽管你应该尝试所有这四个插件, 但我最喜欢的一个是Sketch Runner-它为你提供的不仅仅是插件管理。如果习惯了, 没有它, 你将无法想象使用Sketch。
协作Sketch插件 选择了插件管理器后, 让我们跳入Sketch协作插件, 该插件可让你管理文件, 与朋友协作, 收集反馈等。
Zero Height
在此处下载插件:https://zeroheight.com/
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833185728-44f9d03c08263efd01ffee357cd87f2f.png)
文章图片
Zero Height是一个外部免费插件, 可让你创建资产库和样式指南, 与其他设计师协作以及将所有内容同步在云中。
Chain
在此处下载插件:https://lalomrtnz.github.io/Chain/
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833198750-fe97deb81b1b635025c2e35d356c2599.gif)
文章图片
当涉及到大文件中的颜色变化时, Chain是一个很棒的插件。此Sketch插件可在Sketch中创建动态颜色关系, 并让你可以随时动态更改颜色。
Kaktus
在此处下载插件:https://kactus.io/
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833236960-abea824719db7e55c762cd0398dc2c5c.png)
文章图片
Kaktus是设计版本控制扩展。它可以管理你的文件, 并使你与整个团队保持同步。
Abstract
在此处下载插件:https://www.goabstract.com/
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833247133-86042ea6266ebd48aa7b9db6631bfd71.gif)
文章图片
该插件是面向设计师的Git。它使你可以管理整个项目并与其他设计师合作。它使你可以控制Sketch文件的版本, 并与Slack集成在一起, 还可以收集不使用Sketch的客户的反馈。
InVision Craft
在此处下载插件:https://www.invisionapp.com/craft
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833273313-bd27542542e95e0ffa515d7ca0e29387.gif)
文章图片
Craft是最受欢迎的Sketch扩展之一, 它为你提供了一系列不同的插件, 从内容生成器到反馈收集器再到原型制作工具。无需添加lorem ipsum内容, 你可以从网站获取真实内容。你可以直接在Craft上进行搜索, 而无需在股票网站上搜索以添加用户头像。你无需生成随机的电话号码, 只需生成它们即可。
这些只是Craft如何运作的几个例子。如果你想了解有关Craft的更多信息, 请务必阅读srcmini设计师Bree Chapin撰写的这篇文章。
内容和对象生成器插件 Sketch材质
在此处下载插件:https://websiddu.github.io/sketch-material/
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833348052-7922d28c3d4b99ab0e383b5a2957fa1a.gif)
文章图片
通过此Sketch插件, 你可以从Google Material Design系统生成任何组件。
Bootstrap Grid
在此处下载插件:https://github.com/De-La-Vega/BootstrapGrid
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833409927-69cdb64730ca30e507a7475fe10d009b.gif)
文章图片
该Sketch插件在Sketch文件中生成Bootstrap网格。你所要做的就是绘制一个矩形, 插件将在其中创建网格。
7 Column Calendar
在此处下载插件:https://freedesignresources.net/7-columns-calendar-creator/
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833423209-210bde1699366a35c57b6abbab1d9ad9.png)
文章图片
7 Column Calendar将生成任何7列日历。这绝对是我最喜欢的插件之一。如果需要设计日历, 可以节省大量时间。
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833446805-29a0eb2ba1c5d51d87d4ba28e36e3718.png)
文章图片
使用User Flows Sketch插件可以轻松生成用户流程图。
Looper
在此处下载插件:http://sureskumar.com/looper/
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833628054-f6bdec7abd96f89a3dba7e233fd15136.gif)
文章图片
此Sketch插件只需单击一下即可从对象和图层生成纸屑。
Icon Flower
在此处下载插件:https://github.com/avadhbsd/IconFlower
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833698297-be90caf0d40458ff5a9dca4dc9f7b49a.gif)
文章图片
这将立即为你安排Phyllotaxis模式的图标。
Skatter
在此处下载插件:https://github.com/joshdjuric/Skatter
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833712997-4c5bba6c6d5ae112f47866deaee9d10f.gif)
文章图片
另一个很棒的Sketch插件, 可以创建随机模式。只需创建一些简单的形状, Skatter就会将它们变成漂亮的图案。
Blender
在此处下载插件:https://github.com/bunnieabc/Blender
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833721304-47c568ac3fea94b5d0c8c2f751c3e2a1.gif)
文章图片
这个新鲜的Sketch扩展将两个形状融合在一起, 并在它们之间创建了美丽的渐变。
地图生成器
在此处下载插件:https://github.com/eddiesigner/sketch-map-generator
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833748057-16f550cfa8cc2668ab0493297b92d087.gif)
文章图片
如果你厌倦了对设计的地图进行屏幕截图, 则将喜欢此插件。绘制一个矩形, 键入你的位置, 从Snazzy Maps复制样式, 然后Map Generator将为你完成其余工作。
Sketchy Pies
在此处下载插件:https://github.com/longzheng/sketch-randomSize
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833770331-75ae7d0811c1d1d06074379b7c6cf64a.png)
文章图片
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833776599-bd02c4dbd9d3d809cfb31da296858a04.png)
文章图片
Sketch不是创建饼图的最佳工具……但是Sketchy Pies来了。此Sketch插件将为你创建饼图或圆形图表。
Random Sizing
在此处下载插件:https://github.com/longzheng/sketch-randomSize
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833790496-f0951635284a05b43c52d16b4f1a7501.png)
文章图片
用于创建图表的另一个很棒的Sketch扩展。你可以使用此插件将任意形状尺寸随机化以创建条形图。
导出和前端开发插件 使用这些插件, 你可以发布HTML / CSS文件, 整个网站或已编码的新闻通讯, 而无需任何编码技能。此外, 其中一些扩展程序将为不使用Sketch的开发团队生成文件。
Launchpad
在此处下载插件:https://launchpad.animaapp.com/
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833806888-4567965d1ef5e3f4d03d69f4c60e17f2.gif)
文章图片
一个出色的Sketch插件, 可让你直接在Sketch中发布无需任何代码知识的即兴网站。
Slinky
在此处下载插件:https://launchpad.animaapp.com/
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833859634-4fb1dc1ab8e2e960a3b6d1220b2af5a3.png)
文章图片
下次你的客户要求你使用电子邮件模板时, 请下载此插件。它将通过响应式HTML就绪代码轻松帮助你创建电子邮件模板。
Sync to Slides
在此处下载插件:https://websiddu.github.io/sync-to-slides/
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833867515-534248df7f8802a57fca268d9cf50923.png)
文章图片
一个很棒的Sketch插件, 适合从事在线演示的人员。它将Sketch画板同步到Google幻灯片。
Measure
在此处下载插件:http://utom.design/measure/
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833882550-48690c4a120a004313c76a5a86550083.png)
文章图片
当你必须将设计文件传递给开发团队时, Measure是完美的选择。它标记了所有尺寸并生成了包含整个设计的HTML文件, 因此没有Sketch的开发人员可以轻松打开它。
Marketch
在此处下载插件:https://github.com/tudou527/marketch
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833891790-3a9c72b18d841ce9d4cebc113e16391e.png)
文章图片
与开发团队合作时, 另一个方便使用的插件。它生成包含设计的HTML文件, 并允许你复制所有图层的CSS样式。
层管理插件 当你管理大型设计文件时, 这些插件非常有用。它们使你可以清理, 重命名, 删除或搜索Sketch图层。你还可以使用表情符号来管理文件。
RenameIt
在此处下载插件:https://github.com/rodi01/RenameIt
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833900711-234f22bc63e590228a8902bb6167dc25.png)
文章图片
使用此Sketch插件, 你可以通过选择多个图层并使用一个快捷方式来立即重命名多个图层。
清理无用组
在此处下载插件:https://github.com/bomberstudios/Cleanup-Useless-Groups
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833908976-b820aa243de41b74456a0ad04af81e0e.png)
文章图片
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833916297-a5c0520f6fd78518f44bc159fd503b0a.png)
文章图片
当你快速工作时, 你可能会遇到空组。这个Sketch插件将通过删除所有无用的(重复的或空的)组来解决你的问题。
Select Familiar Layers
在此处下载插件:https://github.com/wonderbit/sketch-select-similar-layers
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833923486-9bfcc3bc3f170c933bf8504a70eed07c.png)
文章图片
如果你熟悉Adobe Illustrator的” 选择类似对象” 功能, 但在Sketch中错过了它, 那么你会喜欢上此插件。该插件可让你选择具有相同填充颜色, 边框颜色, 字体大小, 混合模式等的图层。
Sketch Artboard Manager
在此处下载插件:https://github.com/bomberstudios/artboard-manager
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833934153-2d5a06df968baa276b7c5068a9fab53c.gif)
文章图片
画板管理器将画板分成行和列, 并排列其位置。
Sketch Search Everywhere
在此处下载插件:https://github.com/MrPeak/sketch-search-everywhere
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833953316-5a5aade7516766094ec52d09f18bddca.gif)
文章图片
使用此Sketch插件, 你只需输入名称即可找到任何图层。
Sort Me
在此处下载插件:https://github.com/romashamin/sort-me-sketch
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502833998254-d1ae269fb4ec3e9da32ee1ac48d837e9.gif)
文章图片
这个小巧的Sketch插件将使用一个键盘快捷键对你的图层或画板进行排序。
切换图层
在此处下载插件:https://github.com/joshwayne/jw-sketch-plugins
一个很棒的插件, 与” 图层名称” 中的表情符号结合使用, 可让你切换????眼睛表情符号提供的图层可见性。
实用工具 这些Sketch插件主要扩展了Sketch的基本功能或使其更易于访问。
Magic Mirror 3
在此处下载插件:http://magicsketch.io/mirror/
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502834008734-05bd72ef29bdcaf35128111f7a5e5ef5.gif)
文章图片
如果你错过了Photoshop中的Perspective Transformation, 则必须具有此Sketch插件。你将能够在不破坏透视图的情况下对其进行变换。
Stark
在此处下载插件:http://www.getstark.co/
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502834073177-96bc9878f19dd6af86b2568132583794.png)
文章图片
如果你关心项目的可访问性, 则必须使用该插件。这是一个色盲模拟器和对比度检查器。
Handy Tools
在此处下载插件:https://github.com/webpatch/Handy-Tools
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502834103710-b1e2b704b0ad8efdec02652d9a4e68e3.gif)
文章图片
便捷工具提供了一组功能, 例如图层对齐, 间距或切换图层可见性。
微调角半径
在此处下载插件:https://github.com/DWilliames/nudge-corner-radius-sketch-plugin
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502834136821-3640dec8c23120e494de59b036bbd638.gif)
文章图片
此插件可让你更改键盘的转角半径。
导入符号
在此处下载插件:https://github.com/kmerc/sketch-import-symbols
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502834201940-261e1372761f278dad0ee2225bc8bfb3.png)
文章图片
如果你使用多个Sketch文件, 则可能需要检出此插件。它将所有符号从一个Sketch文件导入到另一个文件。
移动半像素
在此处下载插件:https://github.com/canisminor1990/sketch-move-half-pixel
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502834209464-3c263b7086843435345530c0efbb58e4.gif)
文章图片
有时你想将Sketch中的对象移动半个像素-使用此插件可以轻松完成。
文字插件
在此处下载插件:https://github.com/joshwayne/jw-sketch-plugins
使用这两个插件, 你可以将多个文本层组合为一个文本字段, 也可以将一个文本字段拆分为单独的层。
Appalette
在此处下载插件:https://github.com/Carlosarturo28/Appalette
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502834229863-1736a27b152ed91bbc0f9bc9e4699470.gif)
文章图片
Appalette将从许多流行的应用程序(例如Dropbox, Facebook或Airbnb)下载调色板。
拼写检查所有图层
在此处下载插件:https://github.com/Tallwave/sketch-spellcheck-all-layers
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502834262167-df3703bd2be87986c9c0b36a1e209e0d.png)
文章图片
我最喜欢的Sketch插件之一。它将检查整个文件中的拼写错误。
自动布局
在此处下载插件:https://animaapp.github.io/
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502834281419-3f931dcff6312246533dc1e4483fa350.gif)
文章图片
描述此插件的四个词:设计师的响应式设计。
Fluid
在此处下载插件:https://github.com/matt-curtis/Fluid-for-Sketch
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502834310233-21121a76e25129c583e83bfc508da4dc.png)
文章图片
一个复杂的插件, 可让你根据约束创建响应式画板。
Compo
在此处下载插件:https://github.com/romashamin/compo-sketch
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502834337716-2adb392dd509df278cf776936bc0676d.png)
文章图片
使用此Sketch插件, 你可以制作下一级动态组件。
FlipSize
【50种最佳Sketch插件的终极清单】在此处下载插件:https://github.com/apertureless/sketch-flip-size
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502834346443-1304411ab1db1760f62adf3c3140641e.gif)
文章图片
一个微型的Sketch插件, 可以通过一个快捷方式切换对象的宽度和高度。
Pixel Perfecter
在此处下载插件:https://github.com/swiadek/pixel-perfecter-sketch-plugin
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502834356380-2fa9059bb7f38931139b2ad4f343d5ab.gif)
文章图片
使用此简单的Sketch插件, 你将避免损坏图层尺寸。
Icon Stamper
在此处下载插件:https://github.com/tylergaw/icon-stamper
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502834369909-f11890e8a6903a1a65240b6591d5ef80.png)
文章图片
一个Sketch插件, 它将为你生成不同大小的图标。
社交画板
在此处下载插件:https://github.com/herrhelms/social-artboards-sketch
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502834379635-83af189809d8628e8e8d39c255c23cfd.png)
文章图片
如果你创建大量社交媒体图像, 则此Sketch插件将通过为你生成不同大小的画板来节省大量时间。
查找和替换
在此处下载插件:https://github.com/thierryc/Sketch-Find-And-Replace
![50种最佳Sketch插件的终极清单](http://www.srcmini.com/wp-content/uploads/2020/04/toptal-blog-image-1502834392310-f878c648d10f8c9f583e500f16d69c2a.png)
文章图片
使用此Sketch插件, 你可以查找并替换文件中的所有文本。
? ? ?
在srcmini设计博客上进一步阅读:
- 电子商务UX –最佳做法概述(带有信息图)
- 以人为本的设计在产品设计中的重要性
- 最佳UX设计器产品组合–启发性的案例研究和示例
- 移动接口的启发式原理
- 预期设计:如何创建神奇的用户体验
推荐阅读
- 偷窃的艺术(如何成为一名大师设计师)
- 如何在Sketch中创建嵌套符号
- 如何创建自定义加载动画以降低跳出率
- 需要出色的UX设计吗(放下你的自我。)
- 模块和模块化前端开发入门
- 获取requestmapping所有的url
- robotframework+appium 创建第一条测试用例
- 安卓 垂直SeekBar
- Medical Three Way Stopcock : 3 Application Methods