强大的插件集合，由微信设计团队量身定制，让设计师和开发者能够更高效地使用。

下载并安装

下载 Zip安装包并解压。（支持v44以上版本）

打开。安装并使用

界面预览

菜单栏

工具栏

功能和教程 1. 管理 UI Kit

该功能用于团队输出UIKit设计标准，方便团队成员快速协作。

1. 新建一个画板，选择= UIKit= UIKit。本插件提供了三个示例供您使用。

2.选择WeUI或者其他，点击确定，你打开的画板就会下载http服务器上已经有的UIKit并导入到你当前的画板中。

2. 管理调色板

该功能用于团队之间达成一套颜色标准，并方便团队成员快速协作。

1.创建一个新的画板，选择=管理调色板=同步调色板，这个插件为您提供了一个可用的示例。

2.选择WeUI，点击OKsketch控件库，你打开的画板会下载http服务器上已有的调色板，并导入到你当前的画板中。

3.您可以在颜色设置面板中看到同步的颜色标准库。

3.批量替换文字、字体、颜色

该功能用于快速解决产品经理思维飘忽不定（再改，再改，算了，还是回到第一版吧）

单词

字体

颜色

由于这个功能非常好用，所以说明主要是为了撩一下产品经理：）

4. 互动连接

该工具用于在UI设计中快速标注页面关系，该功能和市面上现有的连线工具最大的区别在于可以自动绕开障碍物，连线不会重叠。选中页面上任意两个元素，点击互动连接即可​​完成两者之间的连线。

5. 注释标记

此工具用于快速注释设计中的元素。选择页面上的任意元素sketch控件库，点击标记注释，即可按选定的顺序生成从 1 开始的序列号。

强烈建议记下功能快捷键，初始快捷键为 +shift+2，如果想自定义快捷键可以打开快捷键设置，自定义快捷键。

这个功能只有一个功能键，就是交互接线按钮。但是细节还是很多的。

选择一个元素，若该元素还未被标记，按快捷键可在右侧添加标记。

选中右侧已经存在的标记，按快捷键，可以删除右侧的标记并生成左侧的标记。

选中左侧已经存在的标记，按快捷键，如果选中的数字不是该页的最后一个标记（比如该页有9个标记，则删除第8个标记），页面上会弹出一个选项。

选择删除标记并保持排序（选择此选项将删除标记 8，并保持标记 9 不变。下次标记时，将从 8 开始）

删除标记并重新排序（选择此选项将删除标记 8，然后标记 9 将变成 8。如果有更多，下一个标记将从最后一个数字之后的数字开始）

6.自定义宽度和高度导出

该功能用于快速解决某些占位图标需要扩大点击区域，或者需要将图标导出为统一大小但不进行拉伸的情况。

选择任意图标点击导出，或者使用快捷键Shift+U，在弹出的窗口中填写你统一导出的宽、高、倍数、格式，确定后选择目录即可得到对应的图片。

7.生成代码（支持小程序）

该功能用于开发GG一键导出各类设计稿中的字体及各类基础块样式的功能。

选中需要获取对应代码的字体或者图形，使用快捷键shift d获取样式，插件会按照常见的CSS编写方法将样式放入剪贴板中。

8. 快速选色

选择要获取颜色的字体或图形，使用快捷键 shift c，插件将导出 Web 标准颜色。或者带透明度，它将使用 RGBA 格式。

9.图标库

该功能提供了常用的图标以及搜索功能，这样您在使用完成的交互稿时就不用费心去寻找图标了。

打开=图标库，单击图标库中的任意图标，您的绘图中心就会出现，以便在交互式设计过程中快速使用。

10.自定义快捷键

强烈建议您在了解常用函数的功能后，为它们建立自己的快捷键。这样，您就可以使用此插件来实现您代码更快的目标。

选择需要设置的功能，使用 shift、输入框中的三个功能键中的一个或多个，同时按住字母或数字键。输入框中会出现您想要的组合键。点击确定并尝试使用它。

插件下载地址：

由于平台限制，请搜索关键字“”

Mr. Pop：让设计更有趣的数字生活方式媒体

如有侵权请联系删除！