Sketch 的优秀之处就是从它的可拓展性上延展开的,围绕着它的不仅有大量的设计师,还有一个活跃的开发者社群,许多优秀的免费插件都由此诞生。这些来自开发者社群的优秀插件从各个不同的角度完善、强化了Sketch的功能,让设计项目可以更加快速高效的完成。当然,在下载这些免费插件之前,请先装上Sketch的插件管理工具 Sketch Toolbox。下面所推荐的25个插件,大都非常实用,或者相当有趣,总有几款能恰到好处的帮到你。
Enjoy!
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> "="" target="_blank">Sketch Data StudioSketch Data Studio 能帮你轻松地将数据转化为表格和图表,能从你最喜欢的图表类文档获取数据,转化为漂亮的表单。
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> Pixel Perfecter这样是一款非常简单的Sketch插件,它可以帮你寻找单精度的图层(只设定了x、y、宽度或者高度),这款插件主要会帮你保持整个文档清爽、整洁无纰漏。
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> Sharpen ImagesSharpen Images 插件能够让帮你锐化Sketch中的图片。
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> Marvel PluginMarvel 这个插件能帮你将画板直接发送到你的Marvel 项目中,非常实用。
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> Sketch Palettes这个插件的功能主要是帮你保存和加载取色器中的色彩。
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> Social Artboards这款Sketch插件的功能是帮你加载符合各个社交媒体平台尺寸规格的画板。
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> Day PlayerDay Player 是一款创建图片占位符的Sketch 插件。在这个插件的帮助下,你可以调用不同的图片占位符服务,创建不同的效果。
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> Style Inventory好的设计是需要做好组织结构来支撑的,Style Inventory 就是帮你搞定这个问题的。它能帮你预览所有的样式,并且帮你将相似的图层整合到一起。
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> Dynamic ButtonDynamic Button 的功能也很简单,但是相当实用:它能帮你制作同按钮名称长度自动匹配的按钮样式,无需你手动调整,而且看起来非常舒服。
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> MeasureMeasure 这个插件是用来帮你对各种元素进行测量的。
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> Style Drop这个插件可以让你轻松地将样式从一个图层复制到另外一个图层。如果你熟悉AI,那么你会发现,它的功能和AI中的滴管工具很接近。
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> Qordoba for SketchQordoba 这款插件可以帮你将设计好的视觉稿中的内容翻译成成其他语言,让你的视觉稿更加国际化。
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> Scaled Export for iOS这款插件的优秀之处在于,它可以让你从Sketch 设计项目导出更适合iOS设计项目的素材。
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> Git-sketch-plugin这个插件主要的功能是生成Pretty Diffs,这样你就能判断到底有哪些地方被修改了。
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> Gb-sketch-segmentcircle如果你需要创建带有区块、线条的环状图形,那么这个插件就能满足你。
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> Clipboard Fill这款插件的主要作用是从剪切板复制图片填补任何图形。
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> Sketch Bound with Box这款插件能帮你为选中的图层加一个矩形的边界。
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> Sketch Plugin: Copy & Paste Shadows这是一个纯粹的复制粘贴阴影样式的插件,它可以帮你省去很多麻烦。
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> Sketch Replace ColourSketch Replace Colour 是一款替换图层填充色彩、边界和文本而你色彩的插件。
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> Symbol me这款插件可以将特定图层转化为一个符号,并且当你更新这个符号的时候,同时创建的、带有相同样式的相同图层会随之改变。
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> Sketch Create Nested Symbol装上这款插件之后,使用Ctrl+S 组合键可以将你选中的区域转化为符号,你还可以让一个符号里面嵌套着另外一个符号。
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> Radial Lines这款插件可以帮你在画板特定的位置创建辐射线。
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> Evenly distributed Guides这款插件可以帮你生成均匀可见的参考线,坦率的讲,参考线的可见性是相当重要的属性。
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> Drake Generator for Sketch如果你的设计中,所有的图片都是Drake的照片,而内容全是他的歌词,那么这个设计会非常的有喜感的。这款插件就是帮你飞快的实现这一效果的。
",="" arial,="" sans-serif;="" margin:="" 10px="" 0px="" 20px;="" color:="" rgb(51,="" 51,="" 51);="" line-height:="" 1.333em;="" font-size:="" 1.5em;="" padding:="" 25px="" 0px;"=""> "="" target="_blank">Build Lightweight Mobile PrototypesSilver 是第一款真正专门为Sketch所设计的原型工具,它可以快速的帮你设计基于流程的原型。