Hello guys!

Welcome to Superyeah's Study Room. 

Sit down, and have fun!

公众号：叶设计的自习室

上次叶哥给大家整理了16个最常用的Sketch插件，比如汉化包、自动标注神器、自动填充神器，还有关于字体的、色板的、图形的等等等，详细功能介绍见：http://www.ui.cn/detail/295989.html

第一弹的文章将16个插件的用法写得较详细，但是给大家的安装包是这种画风：

群里有同学吐槽说这一堆乱七八糟的英文看着都心烦啊，我咋知道哪个是标注神器，哪个是填充神器？？？黑人问号？？？

好吧，这次换个画风！（以前上传的文件我就删啦，大家阔以在文末重新下载）

新的安装包有没有感受到叶哥的诚意，哈哈，再说不知道哪个插件是啥就自己去罚站..

好啦，现在进入今天的正题：插件第二弹！

随着工作内容的不断丰富，很多操作靠UI设计师手动去做已经很不科学了，这时候强大的工程师们又开发了许多在Sketch中拯救UI的小插件，从此工作效率蹭蹭蹭往上提啊，伟大的工程师，表白+感恩！

超级叶的Sketch插件第二弹，一共有21个叶哥亲测好用的插件。鉴于插件太多，我们今天就不对每一个都进行详细讲解了，我的想法是：概述这些插件，分享一下我自己的使用体验供大家参考，如果其中刚好有你需要的插件，可以去我给大家推荐过的sketch.im或github上搜索其具体使用方法。

希望你们喜欢！

01 常用图表-Chart

快速根据自定义参数创建常用图表，包括：线形图表、垂直柱状图、水平柱状图、区域图、堆积区图和微线图。

02 导出GIF和ICNS-Export More

Sketch支持导出多种格式的文件，除了GIF和ICNS（图标格式），这个插件可以解决该问题，注意：①如果要导出ICNS格式，需要在1024*1024的画板上创建你的图标，这样可以保证导出16-512的所有尺寸图标，包括@1x和@2x。②存在多个画板但都没被选中时，只会导出画板列表中的第一个画板。

03 摹客iDoc

新锐设计工具，有一些比较花心思的功能，感觉还是比较新颖和高效，除去标注，切图，交互原型等基础功能，在体验和功能上做了一些优化。

详细测评可以参考这篇文章：摹客 iDoc 12月上半月新功能点评

1. 自动生成颜色规范做设计规范比较轻松。

2. 可迭代的状态图，一个页面中上传多个副本，保留不同的状态，只想切换按钮状态，并不想复制多个画板的情况完美解决。

3. Axure、Justinmind、Mockplus等原型演示包在线预览。

4. 滚动区固定状态栏、手势交互等多种交互动画效果，交互和动画还可以。

访问官方立即下载体验：摹客iDoc

04 粘贴-Paster

别看只是一个粘贴功能就小瞧了它，这个插件可6了。叶哥做网页设计的时候，以header上的导航为例：只要在sketch先新建几个文本框，然后复制Word文档里规划好的导航栏内容，再框选这几个文本框，点击该插件，就分别自动粘贴进去了！

注：作为数据分隔符，可以使用逗号（如我的导航-首页，服务，新闻，我们，联系），空格，新行和表格单元格。

05 保存色板-Sketch Palettes

以 .sketchpalette 后缀名文件保存文档颜色 / 全局颜色到你指定的位置，新建文档的时候可以载入色板。

06 饼状图-Sketchy Pies

①将正圆转换直接为饼图，在弹出的对话框中输入 #十六进制色值即可。②如图，输入色值:百分比（20% 同样可以使用 0.2 表示），可以生成带百分比参数调整的饼图。

07 单词统计和文本转换-Comma

一键转换文本大小写及字数统计，仅限英文。

08 对齐画板-Arrange Artboards

管理画板，可按你指定的行数进行排列。

09 多语言翻译-Translation

手动翻译，通过该插件可以调取多语言，操作比较简单，但涉及到一些代码编辑，附上操作指南：http://sketch.im/plugins/96

10 混合工具-Blender

一键混合多个对象形成均匀分布形状，这个工具是6的，类似AI里的混合工具，功能差不多，轻松制作出有艺术感的设计，如图。

11 蓝湖-lanhu 0.87

将Sketch画板上传到蓝湖的同步插件，如果你还不知道蓝湖是什么，赶快百度一下。在线轻松做好交互连线、原型演示，全自动生成标注切图，支持团队协作。

12 同步至AE-Sketch2AE

功能如名字，叶哥平时没咋用AE，但准备年后有空了重拾起来。

13 全系适配-Auto Layout

一键搞定全系适配，可以说是一个大神器了，但叶哥觉得设置起来还是很麻烦的，简单App页面用它来适配还行，复杂的还是自己老老实实做吧。附上操作指南，里面还有一个教程视频：http://sketch.im/plugins/65

14 提取图片配色-Alembic

一键提取位图图层色值至剪贴板，非常好用，强烈推荐。点击Alembic，再选中一个位图图层（图片）就可以提取颜色。

15 统一渐变和色阶-Chromatic Sketch

创建更好看更统一的渐变和色阶，不用担心自己调的渐变会脏了。

16 循环复制-Looper

更强大的组合循环复制工具，插件弹窗可以设置重复数、缩放、移动、旋转、不透明度等选项，参数不同则效果迥异，尽情发挥吧！

17 在浏览器预览-Preview in browser

这个简直是预览网页设计效果的神器好吗！！在Sketch做好界面，直接点击该插件，马上就能在浏览器展示了，清晰直观！

18 栅格工具-Bootstrap Grid

快速创建自定义 Bootstrap 网格，悄悄告诉你：绝大部分程序员做开发时，响应式布局就是用的Bootstrap的栅格规范。

19 粘贴到Axure-Axure RP

一键将 Sketch 设计稿转换为 Axure 支持内容。只想复制部分内容时，先选中这些元素，再执行插件的Copy Selection功能；要全部复制画板内容时，选中画板，再执行Copy All Artboards，最后粘贴到Axure即可。

插件目前为测试版（不支持反向操作、同步以及跨应用库等），且只支持 Axure RP 8.1.0.3368 以上版本

20 自适应按钮-Compo

其实这个插件在第一弹的时候我就想推荐给你们，但是我太难得写介绍了就放弃了，今天重新整理插件，才发现其实没有那么复杂！只要输入一个文本，再Cmd+J即可生成自适应按钮，修改为自定义数值后，再Cmd+J一下就是你自定义的按钮了，特方便！更多功能见操作指南：http://sketch.im/plugins/92

21 MD组件库-Sketch Material

快速生成复杂 Material 组件，谷歌风材质设计，包括表单、文本样式、UI控件、弹窗、图标、按钮等，很规范的组件库，操作指南：http://sketch.im/plugins/90

以上。

整理文件既麻烦又有趣，

在这个过程中我找到了适合自己的插件，

如果你想提高UI设计的工作效率，

针对性地去了解插件，

会比一股脑全部安装了更有用。

如果你还有什么问题，

欢迎关注叶设计的自习室，

后台回复“么么哒”发送暗号进交流群。

第一弹-超级叶的Sketch插件

✨链接：

https://pan.baidu.com/s/1dGT6qzB

✨密码：sfe2

第二弹-超级叶的Sketch插件【右下角可直接下载】

✨链接：

https://pan.baidu.com/s/1nwmC8lV

✨密码：wpu0