第 46 篇原创

原子学说就是选用极为微小的构件，将一个集合组装起来。这个集合大致涵盖色彩、文字格式、叠放效果、图标等。这些基础构件组合成一个集合。

像Ant 、Vue等框架，以及各大公司开发的专属组件库，其核心构成基本一致。

安装了这些资源后，大体上就能够顺利使用了。不过存在一个不太舒服的情况sketch如何安装icon，就是层级层次有时候过于复杂，导致使用起来比较麻烦，甚至需要离开组件库单独处理，最终可能损害整个文件组件的连贯性。

构建一个功能完备的元素集合，不能只是临时抱佛脚，翻阅纸质资料依样画葫芦，或是频繁地调用底层代码片段。开发此类工具时，配套辅助程序是不可或缺的环节。

先大致说下需要用到的插件：

1、给图层重命名的插件-it

2、批量创建组件的插件Batch

3、批量创建文字/图层样式的组件

4、有效减少层级数的插件Anima 中的功能

5、调用组件后同步组件名称的组件

-it

it能够对某个图层和某个画板进行重新命名,在同时处理多个项目时相当便捷。

若需调整图层次序，可借助Sort me程序。图层便得以依照个人偏好重新排列。

Batch

使用Batch 可以批量创建组件，只要命名好图层名就可。

这样就可以批量生成组件了，大大的降低了生成组件的行为成本。

批量创建组件时，必须设定其颜色和文字的格式，这些格式也需要逐一设定，这个插件能够批量设定图层或文字的格式。

在组件列表的格式中可以看见大量制作的格式sketch如何安装icon，对字词格式也完全一样。

Anima

本应用可无偿享有的部分作用，能够限定物件，其顶部、右侧、底部及左侧的间隔能够直接设定。若文字长度增加，其尺寸维持不变，即轮廓会随文字的延长而扩展。

万事俱备之际，组件一经调用，复制后其名称便会有所不同，或添加备份标识，或标注复制字样。因此，必须借助该插件来修正组件名称。如此一来，开发流程中组件架构将更为明晰，组件调用也将更为便捷。

如果不调整页面中的元素，那么前端开发者获得的素材就会包含已存档的标记，必须重新命名才能应用。

运行完插件，页面组件名称就会和组件原有名称保持一致。

借助先前安装的辅助工具，各个模块的归纳工作变得更为快捷，现在需要着手处理组件库的归类事宜了。

这些插件在 63.1 上都可以顺利运作。这些软件在网络上很容易找到，安装起来也毫不费力。因此，在此不再赘述。

如有侵权请联系删除！