编辑导语：在日常开发过程中，构建组件库是必不可少的一环，原子设计就是可以解决搭建页面的问题；本文作者分享了关于如何使用sketch搭建组件库的方法以及过程，我们一起来看一下。

我分享了一篇原子设计的原创文章，里面详细讲述了Brad大师所创建的原子设计方法论，以及基于此所搭建的原子设计系统，同时还挖了个搭建组件库的坑。

今天，让我们从理论走向实践，来看看如何使用sketch搭建组件库；整个讲解过程我秉承着知行合一的精神亲自实践，但愿这种深入浅出的表达能为你带来即时收获。

一、为什么要用Sketch创建？

还记得在原子设计这篇文章中被我diss的“一次性设计”吗？对，就是我今天产出的这个东西只用一次，下一次碰到新的类似的场景用不上它；就好像一次性碗筷，用完即仍，不仅仅没有办法复用，而且无体系、非模块的处理方式也十分摧残我们的精力。

原子设计解决的就是这个问题，基于原子产出的设计可以大大提升设计本身的复用率，只需要花费很少的时间，就可以用组件迅速得搭建出一个页面。

而sketch的核心大招——symbol功能，恰恰对应了原子设计的理念，基于symbol创建的组件可以多个页面复用，并且复用后的样式可以基于定义的样式库自由改动，而不影响symbol本身（后续所有翻译都统称symbol为组件）。

二、定义样式

在创建组件之前，我们需要先定义styling（样式）。

新版本的sketch中除了以往我们熟知的字符样式和图层样式外，还新增了颜色变量这个新的功能，这个我们放后面着重说。

三、创建与复用一个样式