在 Figma 中构建设计系统的一些技巧

搭建前

• 设计系统不只包含 Figma 组件，还包括规范、说明、颜色、间距和代码实现。设计与开发需要持续同步。
• 不必把所有图层都封装成组件。Figma 的组件体系不是完全封闭的结构，应允许业务设计师在必要时 Detach，以保留调整空间。
• 提前规划变量与组件的组织方式。它们是否位于同一个文件，会直接影响后续扩展和维护。

搭建时

• 避免过于复杂的组件。优先拆成更小、可以复用的基础单元。
• 控制组件属性的数量，特别是多变体组件。明确的变体选择通常比大量可调属性更容易维护。
• 对数量不确定的结构，例如列表，不必枚举所有情况。保留组合空间，也能避免性能问题。
• 可以通过内部插件处理高频操作，降低业务设计师的使用成本。
• 将常用变量，尤其是颜色，复制一份并集中放在前部，减少查找时间。
• 制作 Variant 时，可将布尔状态命名为 true 和 false，获得接近开关的切换方式。
• 在组件名前添加 _ 或 .，可以在发布时隐藏组件。
• 将图标组件 Union 后命名为 Vector，避免切换图标时发生颜色替换异常。

搭建后

TBD