推荐6款UI设计师必备Sketch插件

Sketch作为一个为UI设计而生的工具，全矢量、轻量级、像素级精准，非常适合做移动端界面设计，传统的 Photoshop 等设计工具在网页和 App 界面设计上存在的不足，所以越来越多的设计师开始使用 Sketch 替代 Photoshop 设计 App ，那么作为小而美的Sketch，有哪些值得推荐的插件呢？下面就来看看这几款Sketch插件。

1、Marketch ( for UI)

来源： tudou527/marketch · GitHub

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

直接在本地生成html，非常便捷查看尺寸颜色等参数，和Zeplin一样的思路。不仅免费，而且公司也不用担心云端的安全/隐私问题了。

如果说Sketch Mearsure可以节省你一杯咖啡的时间，这玩意可以节省你一顿饭的时间。

真正的彻底告别标记尺寸和颜色等dirty work。

做了多年ERP的我明白了一个道理，能用机器代劳的活一定不要人来干。大家的时间都很宝贵，我们还是做点更有意义的事情吧。

2、AEFlowchart (for UX)

来源： tadija/AEFlowchart · GitHub

Flowchart 顾名思义，就是出流程图的。

共有四种控件样式 Decision | Input Output | Process | Start End

自动生成对应样式，一键连接所有元素。

注意：生成连线为1px，且图层默认被锁定。颜色过浅，有时候需要自己调整下border颜色，大神可以自己去调整脚本里的相关参数。

Sketch 升级到3.2.2之后经常没法自动连线，比较苦恼。

3、Content Generator Sketch Plugin (for UI/UX)

来源 timuric/Content-generator-sketch-plugin · GitHub

这个插件真是酷炫至极

我们做app设计的时候，我们可能会使用各种各样的头像来模拟真实效果。那么找头像也是一件耗时间的事情，这个时候神器来了，只需选中你要填充头像的图形，他会帮你随机选择并填充合适的图像。填充图片还分男女，人名也分性别。还能自动生成邮箱和电话

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

生成图片

生成名字

生成虚拟文本

生成字符串

4、Sketch Measure (for UI)

来源utom/sketch-measure · GitHub

强烈推荐，满星好评！一款使用在 Sketch.app 中标注和导出设计规范的神奇插件。

解救广大UI Designer于水深火热之中的神器，能够彻底解决开发人员和设计师之间沟通不畅的问题。
UI Designer最终产出物少不了Visual Guideline. 制作这份文档真是庞大的工程。
每个控件，页面的尺寸标记，颜色标记还有字号标记，最终页面的实现效果完全取决于这份文档的细腻程度。通常，有了这份文档，开发严格执行，最终页面还原度还是非常之高的。

这个插件就是可以在页面上自动标记出相关参数。

当然，不同的公司在这个环节执行的方法各不相同，标记的方法也不一样。
Case by case的来看，这款插件还是十分实用的。曾用过Markman和Pxcook，总是觉得还是有不尽人意的地方。
这个插件标记起来不仅仅的自动的，而且在源文件里直接标记...

整齐的文档，带着标记交给开发。相互之间还有什么好抱怨的呢？