工欲善其事,必先利其器
sketch插件安装方法
//www.greatytc.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
——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