Sketch上好用的插件辣么多，我挑选了我常用的18个，

走，带大家认识认识它们！

文末提供我推荐的Sketch插件合集下载，喜欢请点赞哦 : )

1、SketchI18N

强大的Sketch一键汉化工具

2、Sketch Measure

强大的标注切图工具

自从用了Sketch以后，我给程序的工程文件就再也不用标注了。

Sketch Measure这个插件最最强大在于：你只用把图切好，然后选择插件工具栏中的“规范导出”按钮，就会生成一个工程包，程序员打开index.html文件就能看见你的设计页面，可以查看字体、字号、间距，甚至可以直接复制文字内容，实在是太方便快捷了，再也不用标注得满屏都是了！！

3、Craft

UI设计师提高效率的自动填充神器，福音：支持Photoshop

#安装

1)下载安装包

2)双击 Craft Installer 打开安装器 > Install Craft Manager 等待片刻安装好 Craft Manager

3)在应用程序中打开 Craft Manager 执行 Install 完成安装

#功能

1) 文本自动填充

能填充很多英文类字符串。包括姓名，大标题，文章，日期，电邮，城市，地址，国家，货币等

2) 图片自动填充

可从电脑文件夹或网络导入真实不重复的照片到设计的界面里，插件可以将真实图像快速添加到界面，并且提供足够多的添加选择方式，自带免版权图库

3) 库

团队协作时在云端上链接设计资源

4) 复用

忘掉复制 + 粘贴。完全复制任何设计元素，以闪电的速度复用

5)原型（下方闪电图标）

将设计和原型设计流程结合在一起，加快工作速度、无缝协作，为团队创造更多惊人的产品

4、摹客iDoc

摹客iDoc是高效的产品协作设计平台，解决从需求、设计到开发的沟通和协同问题。iDoc是Web端平台，前往摹客iDoc官网即可使用。

#核心功能

1.智能标注

点击 / hover 设计图上的任意元素，可查看相应标注，还有标注百分比和放大镜功能。

2.一键切图

下载页面单个、多个或全部已标记切图，还可切换平台（iOS、Android、Web）和选择倍率。

3.交互原型

在线设置页面跳转交互，跳转动画有9种样式可以选择。还可一键运行演示。

4.全貌面板

展示项目所有页面，可拖拽移动 / 缩放 /全览画布。逻辑线可展示页面逻辑关系。

5.多样批注

提供5种批注样式，更好地表达想法和意见。

6.附件文档

支持上传当下主流文档，Axure、Justinmind、Mockplus 原型和各类文档，直接在线预览。

快速入门教程：http://doc.mockplus.cn/?p=4450

5、Fake Chinese Name

中文姓名生成器，一键随机生成中文名

上面推荐的Craft插件的名字填充是自动填充英文名，这个插件刚好跟它互补，效果图统统用中文吧，我们不装X

#使用

1)选中一个或多个文本层

2)执行 Plugins > 生成人名 或使用快捷键 control ⌃ + alt ⌥ + R

6、Automate Sketch

一个不断增加扩展功能的合集插件

#功能

功能主要分为9个板块：图层、文本、切片、画板、组件、样式、清除、实用程序、帮助，常用功能如下：

1)调换图层位置【特别实用】

2)移除无用Symbols

3)移除没有使用过的样式

4)移除空的组

5)移除Exportable属性

6)横屏和纵向屏幕设计稿转换

7)选择所有的组

8)移除所有隐藏图层

9)转换居中位置

10)横向平铺或者纵向平铺图层

11)在西文字体和中日韩文字之间加入空格

12)移除所有参考线

13)将组或者图层转换成Artboard

14)移除/选中所有切片

15)依据图层创建切片

16)精简图层名称

17)调换图层位置

7、Compo

一键生成自适应按钮及布局

#使用

1)选中目标图层

2)执行 Plugins > Compo > Create Component or Update Selected 或使用快捷键 command ⌘ + J

#功能

在设计流程中通常会设计各式各样按钮且会不同的边距。当按钮内容更改后，不得不手动的去调整边距以适应新内容。Compo 帮你轻松的解决该场景问题，甚至解决更复杂的一些情况、或配合 Symbol 使用

1)根据内容自适应的按钮

新建一个文本层并选中，执行 Plugins > Compo > Create Component or Update Selected 或使用快捷键 command ⌘ + J 创建组件

更改文本层内容后再次执行命令即可对新内容自适应大小

对文本层命名，输入目标边距以冒号分隔 上:右:下:左 再次执行命令同样会自适应（如12:20:20:12）

2) 根据内容自适应带 Icon 的按钮

当按钮带 Icon 且需要与边保持一定边距，如：需距右边距 12，则可选中该 Icon 层后重命名在名称后加上 r:12（t:上、r:右、b:下、l:左），最后再执行同上命令即可

3)自动边距的组件

当需要内容与边缘保持一定边距，如：需与底边保持边距，修改内容后超出预期边距，则可选中该图层后重命名在名称后加上 b:10，最后再执行同上命令即可

8、Copy 2 All

一键复制层、组、元件至所有的画板

#使用

插件将复制当前选定项到所有其它画板并放置同一位置，执行 Plugins > Copy 2 All 或使用快捷键 command ⌘ + alt ⌥ + A【如：固定的导航和底栏，可以一键复制到其他页面】

一旦你选定某个层复制到其它任何画板，该层将成为这一系列的副本的源，如果源发生改变，并再次执行命令，它将更新所有副本的状态。他们之间的联系通过一个定义后缀 (:c2all) 并且自动添加，因此你也可重命名来取消这个联系。值得注意的是：需要确保所有副本的源，在画板中的命名是唯一的

如果你想跳过一些画板（不想也在这个画板上产生副本）可在画板名后添加 :c2skip，例如：Artboard:c2skip

9、Swap Styles

快速交换两个层之间的样式

#使用

选中需要交换样式的两个层，执行 Plugins > Swap Styles 或使用快捷键 command ⌘ + control ⌃ + S【常用于选中状态样式的交换】

10、Map Generator

快速基于谷歌地图生成填充

#使用

1)选择一个形状图层

2)执行 Plugins > Map Generator > Generate a Map 或使用快捷键 command ⌘ + shift ⇧ + M

3)在弹出的对话框中输入地址和地图缩放等级

11、Split Shape

一键将图形按照指定数量方式平分

#使用

1) 选中一个图层

2)执行 Plugins > Split Shape > Split Shape... 或使用快捷键 command ⌘ + control ⌃ + G 分割图形

3)执行 Plugins > Split Shape > Split again 或使用快捷键 command ⌘ + alt ⌥ + G 再次执行分割图形操作

12、Swatches

快速切换并使用色板样本库

内置多种颜色样本，例如：Material Design、Open Color、RAL、TOYO、潘通等，可方便将它们应用到设计稿中

选中颜色，左下角会显示对应颜色名称和色值，右下角按钮可分别执行：应用于填充、边框、添加文档颜色、复制色值、保存至系统拾色器，顶部搜索框还可快速检索颜色

13、FontBuddy

快速查找安装文档缺失字体

#使用

1)插件正确安装后，一些可免费下载的字体如：Google 字体，Sketch 主界面右上角将显示一条小信息

2)点击该信息、执行 Plugins > FontBuddy 或使用快捷键 command ⌘ + shift ⇧ + F

3)查看并安装缺少字体

4)点击 All Fonts 还可预览安装所有收录的免费字体

14、Font Packer

轻松打包文档中用到的字体

#使用

执行 Plugins > Font Packer > 打包字体文件或使用快捷键 command ⌘ + shift ⇧ + T

#注意事项

运行后会新建一个文件夹，文件夹里复制了一份 Sketch 文档，字体存放在 font 文件夹里

如果文件中没有文本图层，将只复制一份 Sketch 文档

如果文件中有缺失的字体，将只复制未缺失的字体文件并生成一份缺失字体列表

为防止错误的字体文件名重复导致覆盖，插件在字体前将加上 Font1_、Font2_... 前缀

注意：如果某个字体的“粗体”、“斜体”等是分开的字体文件，而 Sketch 文档中只用到了其中一个字体样式，将只打包用到的样式的字体文件

15、Overview Artboard

快速生成所有画板的总览

#使用

1)选择想要合并导出的画板

2)执行 Plugins > Overview Artboard > Overview Artboard 生成总览画板

【生成的总览画板会在每个画板下方标注该画板的名称】

16、Magic Presenter

在Sketch上以幻灯片形式展示设计稿

#使用

1)打开安装包，双击 Magic Presenter.sketchplugin 完成安装

2)command ⌘ + control ⌃ + shift ⇧ + P 开始演示

3)command ⌘ + enter return 全屏模式

4)左右 方向键 前后页切换

5)esc 退出

17、Magic Mirror

在Sketch中使用拥有智能对象的mockup

#使用

1)执行 Plugins > Magic Mirror > Enable MagicMirror 启用 Magic Mirror

2)打开一个包含需要展示带有设计界面的画板

3)执行 Insert > Image... 置入展示模版/样机

4)在模版上绘使用钢笔工具快捷键 V 绘制出 Magic Mirror 置入的目标区域，并增加填充

5)选中目标区域，右侧属性检查器最下边会出现操作菜单

6)分别选择置入的倍数 Auto @1-4x 及需要包含的目标画板（带有设计界面画板）

18、WeSketch

一个强大的 Sketch 插件合集，由微信设计团队量身打造，让设计师和开发者更高效地使用 Sketch

【插件上显示的名称也许会叫做Miaow，喵呜，好萌，哈哈】

#功能

1)更高效的团队协作，如：UI Kit 同步、色板同步等

2)更快捷的交互设计，如：图标库、自动连线、标记注释、全局替换文字、字体、颜色

3)更精准的前端还原，如：补齐宽高导出图片、导出 CSS 代码（支持小程序）等

以上。

整理文件既麻烦又有趣，

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

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

针对性地去了解插件，

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

如果你还有什么问题，

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

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

第一弹-超级叶的Sketch插件

✨链接：

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

✨密码：sfe2

第二弹-超级叶的Sketch插件（第二弹插件文章点此跳转）

✨链接：

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

✨密码：wpu0

持续更新中，转载请署名，感谢支持！