Sketch 有哪些插件值得推荐?

sketch被越来越多的设计师使用,配合他的插件也有不少,有没有值得推荐的一些插件呢?
关注者
3614
被浏览
129708

36 个回答

12月28日更新————————
Marketch ( for UI)
来源tudou527/marketch · GitHub

用过Zeplin的同学基本泪流满面,而这个免费插件可以让你泣不成声。

直接在本地生成html,非常便捷查看尺寸颜色等参数,和Zeplin一样的思路。不仅免费,而且公司也不用担心云端的安全/隐私问题了。
如果说Sketch Mearsure可以节省你一杯咖啡的时间,这玩意可以节省你一顿饭的时间。

真正的彻底告别标记尺寸和颜色等dirty work。
做了多年ERP的我明白了一个道理,能用机器代劳的活一定不要人来干。大家的时间都很宝贵,我们还是做点更有意义的事情吧。



以下原文——————————

经常用这几个,感到非常不错,推荐一下。



AEFlowchart (for UX)
来源 tadija/AEFlowchart · GitHub
Flowchart 顾名思义,就是出流程图的。
共有四种控件样式 Decision | Input Output | Process | Start End
自动生成对应样式,一键连接所有元素。
注意:生成连线为1px,且图层默认被锁定。颜色过浅,有时候需要自己调整下border颜色,大神可以自己去调整脚本里的相关参数。
Sketch 升级到3.2.2之后经常没法自动连线,比较苦恼。


Content Generator Sketch Plugin (for UI/UX)
来源 timuric/Content-generator-sketch-plugin · GitHub
这个插件真是酷炫至极

可以自动填充地名人名图片和长文本。
做Contact Card时候简直像开挂一般高效。
填充图片还分男女,人名也分性别。还能自动生成邮箱和电话

可以节省大量时间,让你的Mockup看起来更加逼真。


Sketch Measure (for UI)
来源utom/sketch-measure · GitHub
强烈推荐,满星好评!
解救广大UI Designer于水深火热之中的神器,能够彻底解决开发人员和设计师之间沟通不畅的问题。
UI Designer最终产出物少不了Visual Guideline. 制作这份文档真是庞大的工程。
每个控件,页面的尺寸标记,颜色标记还有字号标记,最终页面的实现效果完全取决于这份文档的细腻程度。通常,有了这份文档,开发严格执行,最终页面还原度还是非常之高的。
这个插件就是可以在页面上自动标记出相关参数。
当然,不同的公司在这个环节执行的方法各不相同,标记的方法也不一样。
Case by case的来看,这款插件还是十分实用的。曾用过Markman和Pxcook,总是觉得还是有不尽人意的地方。
这个插件标记起来不仅仅的自动的,而且在源文件里直接标记...
整齐的文档,带着标记交给开发。相互之间还有什么好抱怨的呢?

Sketch Notebook Master (for UX)
来源marcosvidal/Sketch-Notebook · GitHub

交互设计师都想让自己的mockup变得更加整洁,但为自己的设计写上注释是少不了的事情。整理格式会花很多时间,不整理看起来又很乱,说明太多经常会盖住相关内容。
这个插件可以自动生成一个边栏用来写相关注释。选中相关控件,即可生成标记icon,右侧生成comment. comment可以自动排序对齐,十分方便快捷。

Taobao Image Sketch Plugin (for UI)
来源DOWNLOAD | LIAO ZCHENG

来自Taobao UED的优秀插件,基于Content Generator Sketch Plugin 修改的接地气的版本。
经常做电商平台产品的童鞋用起来还是非常不错的。

日常工作主要用的就是这些插件,全免费。
Sketch真的是不可多得的优秀软件。
99美刀,你值得拥有~

用Sketch两年多,以下是一些我常用的插件

1. Sketch Toolbox

下载地址:Sketch Toolbox

——我使用这个插件(其实应该说是一个软件吧)来管理我大部分的Sketch插件




2. Content Generator

下载地址:github.com/timuric/Cont

——用于生成人名、头像、邮件、占位文字、地理位置、随机数字等等




3. Subtle Patterns

下载地址:Subtle Patterns Photoshop plugin (是一款收费插件)

——用于给图层添加一些微妙的纹理效果



3. Rename It

下载地址:GitHub - rodi01/RenameIt: Sketch plugin to rename layers like a boss

——用于快速重命名图层,比如可以使用例如「%n」这样的语法快速命名一个连续列表,也可以自动使用图层尺寸来给图层命名,可以很方便地使用「ABC Icon 36px * 36px」来导出Asset文件。




4. Sketch Arrange Artboard

下载地址:GitHub - kenmoore/sketch-arrange-artboards: Layout all artboards in a grid with user-specified number of rows

——帮助整理你混乱的Sketch Artboards





5. Sort Me

下载地址:GitHub - romashamin/sort-me-sketch: Sort artboards and layers by name

——根据图层/画布名字排序,配合Rename It使用效果拔群!



6. Icon Fonts

下载地址:GitHub - keremciu/sketch-iconfont: This plugin helps you easily insert and manage icons from icon fonts.

——直接在Sketch里添加FontAwesome的图标


7. Find and Replace

下载地址:GitHub - mscodemonkey/Sketch-Find-And-Replace: Sketch 3 plugin to do a find and replace on text within layers

——对Typo狂魔设计师(比如我)简直是天大福音!妈妈再也不担心我在50张Mock里打同一个错别字了!




8. Sketch Constraints

下载地址:GitHub - bouchenoiremarc/Sketch-Constraints: A plugin that integrates constraints in Sketch to lay out layers.

——通过标注父子图层间的关系,我们可以让Sketch设计文件也可以Adaptive Layout,快速将同一套设计扩展到多种尺寸。



9. Material Design Color Palette

下载地址:t32k/material-design-color-palette

——这个不用解释啦,在Sketch里快速生成Material Design颜色板的利器



10. Measure

下载地址:GitHub - utom/sketch-measure: A measure tool for measurements & design specs.

——在Zeplin和Marketch等工具出现前的Spec标注神器,但即使有了Zeplin和Marketch,我还是会有时候用它来手动标一些自动标注器说不清楚的Spec。





11. Marketch

下载地址:GitHub - tudou527/marketch: Marketch is a Sketch 3 plug-in for automatically generating html page that can measure and get CSS styles on it.

——Zeplin是一个神器,但是很多公司(尤其是大公司)出于商业机密的考虑不允许设计师使用在线的Spec标注软件,Marketch就是一个几乎完美的替代品,它是一个可交互的Spec文档,选择某个元素后,各项尺寸都会显示出来,右边栏甚至还有写好的CSS Code。自从用了它,和我厂的工程师沟通腰也不疼了、腿也不酸了!



12. Magic Mirror

下载地址:magicmirror.design/

——设计师有时候想把Mock放在手机/Mac设备上来营造某种效果(逼格),通常的解决办法是在Sketch里导出设计稿然后在Photoshop再处理。而Magic Mirror这款插件帮助你在Sketch里实现这一效果,再也不用切换到Photoshop来做Dribbble图啦!



13. InVision Craft

下载地址:Craft by InVision LABS

——这款插件绝不是一个内容生成器那么简单。它可以帮助你摆脱「Lorem Ipsum」,使用真实的产品数据进行设计,这对设计师来说简直太重要了!具体的操作办法可以去他们的官网看视频教程。

为什么?