sketch 常用插件及安装方法

工欲善其事,必先利其器

sketch插件安装方法

http://www.jianshu.com/p/84235319ca6a

1、Sketch Constraints

可以让Sketch设计文件也可以Adaptive Layout,快速将同一套设计扩展到多种尺寸

2、AEFlowchart (for UX)  Flowchart

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

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

可以自动填充地名人名图片和长文本。填充图片还分男女,人名也分性别。还能自动生成邮箱和电话

4、Sketch Measure (for UI)

每个控件,页面的尺寸标记,颜色标记还有字号标记,最终页面的实现效果完全取决于这份文档的细腻程度。通常,有了这份文档,开发严格执行,最终页面还原度还是非常之高的。

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

用来标注尺寸和设计规范,必须是必备!

5、Sketch Notebook Master (for UX)

交互设计师都想让自己的mockup变得更加整洁,但为自己的设计写上注释是少不了的事情。整理格式会花很多时间,不整理看起来又很乱,说明太多经常会盖住相关内容。

这个插件可以自动生成一个边栏用来写相关注释。选中相关控件,即可生成标记icon,右侧生成comment.  comment可以自动排序对齐,十分方便快捷。

6、Arrange Artboard

帮助整理你混乱的Sketch Artboards

7、Sort Me

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

8、Icon Fonts

直接在Sketch里添加FontAwesome的图标

9、Sketch Constraints

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

10、Material Design Color Palette

在Sketch里快速生成Material Design颜色板的利器

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

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

13、Unsplash it

同样是图像填充插件,不同的是图片源来自“高质量、无版权自由使用”的http://Unsplash.com。精美的图片会为你的设计增添高端优雅气质

14、AnimateMate

如果你想制作一些简单的动画而不想借助其他复杂的动画设计工具,那么这款插件将很适合你

参考:https://www.zhihu.com/question/27495264

你可能感兴趣的:(sketch 常用插件及安装方法)