原文地址：https://mp.weixin.qq.com/s/yyhsZY4q2_aq35mt_lJElQ
而如今，当我们将战场迁移到figma后，组件库搭建同样是以这两个功能起手，看似差异不大，实则天壤之别，不论是底层逻辑还是用法都有着明显差异，这也是为什么很多初学者会觉得figma样式和组件不好用。
但如果能够掌握，效率提升的幅度非常可观。
今天，咱们就来讲下figma的样式和组件，文章依旧比较长，建议先收藏。动画较多，建议保持良好网络。
开头先说一个观点：任何时候，我们都要避免一次性设计。
01 为什么要避免一次性设计
why
老朋友应该知道，我在之前的这篇文章里《我就不信了，看了这篇文章你还不懂原子设计》优雅而不失礼貌得diss过「一次性设计」。
一次性设计是啥？
它就好像我们吃外卖用的一次性碗筷，用了就没了，没办法复用到后续的每一顿干饭中。
设计同理，比如我做了一个按钮，定义了一个颜色，但不去考虑做成可复用的模板，那在后面的需求就又得投入新的成本去制作。不断用相同的时间干着同样一件事，不断得重复劳动。
一次性设计拖慢效率、摧残精力，总之，它是沦为作图机器的罪魁祸首。
但如果我们提前搭建好固定的模板套路，就可以达到「复用」的目的，从而真正得解放生产力。
而设计领域中将复用性践行到极致的一套理论，就是我之前所讲的原子设计。下面再简单和铁汁们讲下。
02 原子设计
atom design