设计师福利来了！

今天给大家介绍一款快速生成复杂组件的插件——。在介绍各个组件的生成方法的同时sketch控件库，也会提供对应组件的官方开发设计规范的链接。

官方下载：

下载：

安装

下载安装包

双击。完成安装

安装完成后，插件将显示在

各组件具体操作分析

共计10个组件功能，可帮助设计师快速组装样式组件，每次成功操作都会生成可视化的样式分组，方便查找和多次使用。

1. 生成（按钮）

输入所需文本，选择文本并执行...

一共有6种（如下图左侧），从上到下分别对应右侧的样式。英文模式下生成的文本会自动将小写转换为大写。

规格

#--

2. 生成芯片

与操作不同的是，如果您需要Chips风格sketch控件库，您可以直接执行Chip…来调出Chips（Chips控制面板）。

控制面板分为左右两边，左侧有6个芯片样式，右侧为自由编辑区域，可以添加、更改芯片所需的文字，选择编辑完成后点击生成所需芯片样式。

芯片规格

3. 生成

操作面板分为左、右两个区域。

左侧的视觉样式选项提供了适合两种屏幕尺寸的样式，还可以选择是否显示弹窗顶部标题；

右侧是文本输入区。

规格

4. 生成表单

函数式风格的形式被广泛使用并且出现在很多地方。

表单操作面板左侧为样式视图，点击ADD可以选择水平或者垂直添加表格，点击Hover可以选择删除表格。

右侧是左侧选中的表格编辑器，共有6种表格样式可供选择。

在表单设置中还可以导入导出JSON文件，方便开发者直接使用。

表格规范

5. 生成图标

图标，调出图标库，输入关键字即可搜索您想要的图标。

还可以切换图标的颜色，在查看模式下切换时，图标颜色不会改变，选中需要的图标，拖出图标库即可形成需要的图标。

图标规范

6. 生成

操作面板与非常相似，同样提供两种平台尺寸，也可选择性隐藏。

规格

7. 生成表

表格操作面板左侧包含表格的基本选项，可以选择性地生成所需的效果。您还可以选择表格大小。

同时还可以直接将需要的Excel和内容从外部复制粘贴到操作面板右侧，非常贴心~

表规范

8. 生成（提示）

和生成一样，直接选中文本，执行命令就可以生成。

规格

9. 生成（文本）

同样，选中文本后，也可以执行选中文本后的命令，调出文本面板进行修改，这些都是在里面指定的样式。

规格

9.生成（投影高度）

阴影值有 7 个：0dp、1dp、2dp、4dp、6dp、8dp、16dp。

选择需要投影的图层，选择想要的投影高度，即可完成设置。

规格

最后，规范是正式定下的，为我们在设计过程中提供参考目标。但在使用过程中，我们仍然可以充分发挥自己的创造力，推陈出新。规范应该使我们的设计更加统一和完整。它不应该成为我们实现设计目标的制约因素。

如有侵权请联系删除！