如何搭建一个易于维护和使用的组件库

组件库是设计系统中很重要的一部分，作为连接设计师和设计师、设计师和开发的桥梁，组件库首先应该是灵活易用的；其次，组件库是需要跟随产品不断进化的，这就要求它是容易被维护的，否则它就会落后于产品迭代，直至逐渐被遗弃。

在这一节，我们一起探讨一下如何搭建一个对于组件库搭建者来说易于维护，对于组件库使用者来说也易于使用的组件库。

在搭建组件库之前

在此之前，有两个问题需要我们先思考一下：什么时候搭建组件库比较合适呢？是在项目开始前就要搭建一个完整的组件库吗？我们是不是可以直接用别人的组件库（Figma 社区中别人发布的组件库，比如 Material design）呢？

什么时候搭建组件库比较合适呢？

对于一个已有的但没有组件库的项目来说，我们可以直接从已有设计中提取可复用的元素，来搭建一套组件库用于后续设计。但是对于一个新项目来说，组件应该是在设计过程中逐步提取的。 如果事先搭建好组件库，在后续设计过程中如果发现不好用，还需要回去修改，甚至就直接不用了，就和我们使用组件库的初心相违背了。

是不是可以直接用别人的组件库呢？

这个问题其实没有固定答案，如果你的项目开发端已经使用了现成的组件库，比如 Ant design，而且时间比较紧张，那就没必要自己从零开始搭建组件库了，直接从 Figma 社区复制别人发布的组件库使用就可以了。

但是如果你的项目开发端还没启动，或者风格比较定制化，最好就自己搭建一套组件库。不过，我还是推荐不要所有项目都使用别人的组件库，最好自己能够搭建一套。一是因为自己搭建一套能够更深入地了解 Figma 的各项功能，不至于沦为「设计积木搬运工」；二是因为别人的组件库你需要先有一定了解才可以轻松使用，如果不适合你的项目，在实际设计中还需要大量修改，这需要花费很多的时间，甚至比自己搭建一套的时间还要长……