Sketch 有哪些插件值得推荐?

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

用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」,使用真实的产品数据进行设计,这对设计师来说简直太重要了!具体的操作办法可以去他们的官网看视频教程。