距离我写这篇文章已经1年之久了,那时我向你们介绍了如何通过插件及不同的资源来扩展你的Sketch. Sketch社区在持续增长着,近几个月以来,提供给我们很多全新以及非常有趣的方式来使我们的日常工作变得更为轻松。

就让我和你们一起分享一些我精挑细选的,到目前为止最好的Sketch插件吧。

:切记,以下一些示例仍然处于试验或者开发阶段。

Marketch

Marketch 是 Sketch 3 插件,可以自动生成 HTML 页面,以便我们能够测量并获取 CSS 样式。

Marketch

我真的非常喜欢这个插件。将你的画板导出到一个单一的 zip 文件, 然后解压就能看到内容了。打开 HTML 文件,你就能看到 Marketch 为你和你的开发团段创建的内容了。

Sketch Constraints

通过使用 Sketch 做自适应设计的想法,Matej Hrescak 开发了 Sketch Flex Layout 插件。接着 Marc Bouchenoire 又进行了进一步开发,创建了 Sketch Constraints 插件。

Sketch Constraints

使用该插件来锁定一个元素相对其父元素(或者一个群组,再或者一个画板)的布局位置。Marc 使用的例子是一个从iPhone 到 iPad 的 iOS 布局集合。通过锁定相对于画板的不同元素,这些元素会随着屏幕的变大而获取相应的位置。

锁定功能是和图层名字相关联的,也就是说,当你对一个名为 button 的图层应用锁定功能的时候,那么所有名为 button 的图层都将被应用锁定功能。


查看该插件的详细讲解视频:

Select Similar Layers

这个插件手到擒来。Select Similar Layers 会自动选择和你当前选择的属性完全相同的所有图层。

Select Similar Layers

属性可以包括填充颜色,边框颜色,边框宽度,字体,透明度或者图层混合模式。它和 Adobe Illustrator 的 “选取相同对象” 功能类似。

Find and Replace, Replace Font.

如果你需要在文字图层中执行‘查找及替换’动作会发生什么?没问题,来试试 Find and Replace 这个插件吧。

Find and Replace

你是否需要替换整篇文档的某一个字体?也没有问题。 Replace Font 就是你需要的插件。

Sketchy Pies

使用 Sketchy Pies 在 Sketch 中创建饼图就是片刻的工作。安装插件,画一个圆圈,设定好颜色,一切准备就绪!Sketchy Pies 会将你画好的圆圈转化成一个可编辑的(虽然不能食用)的饼图。

Sketchy Pies

可惜目前还不能添加数据,所以记住所有部分都将是同样的大小。

Color Picker Plus

让我们倒退到2014年2月,当 Dominik Schmidt 在谈论 你应该使用的Sketch 特性的时候。其中一个特性就是拾色器,可以让我们轻松的从屏幕的任何位置获取颜色值。的确非常有效。


Color picker plus

但是这只能设置一个对象的填充颜色,不能设置边框颜色。接着,一些聪明的家伙在想是不是有什么插件能弥补这个缺陷呢?就让我和你们分享 Color Picker Plus 这个插件吧。

我们想要更多的插件!

记住:数量不能替代质量。以上提到的插件可以为 Sketch 带来一些有趣的特性,这些都是我自己亲测过并觉得非常有用的。当然,还有一些其他的插件也非常有趣,但是我还没有测试过。也给这些插件一些机会,都来试试看,并在评论中让我们知道你对这些插件的看法!

Sketch Icon-Font 就是这样一款插件,可以让你导入并使用这些字体图标包工作。还有一款插件 Sketch Data Populator 可以从 JSON 文件获取数据,让你的设计内容具有实际意义,看上去更为真实,活灵活现。

最后,你可能想要看看 Cemre Sketch plugin 这个插件。这个插件有个很方便的功能‘粘贴和交换’;从剪贴板粘贴图片到当前选定的对象位置并自适应大小,然后再把对象删除。

目前就这些

如果你想查找更多 Sketch 插件,不要忘记查看 官方插件库SketchTalk.io插件查找 以及 Sketch 插件索引。如果你认为我忘记提到哪些重要的事情或者有任何问题,我很高兴在文章评论区和你们进行讨论!