分离文件后，颜色文件将被发布

vatop16937@cube

以便后续组件文件可以独立使用。 2. 在组件中使用颜色变量 在按钮组件中使用颜色标记变量的示例。按钮容器使用颜色primary/main，里面的内容使用颜色primary/content。 在按钮组件中使用颜色标记的示例 3. 已经使用语义颜色标记的组件可以使用模式 在语义标记中，我们进行了设置，以便使用颜色变量的设计可以根据创建的模式（即亮和暗）改变颜色。以下是在按钮组件上使用颜色主题的示例。


灯光模式下的按钮组件 深色模式下的按钮 越南数据 组件 在上述两种模式中，按钮组件仍然使用相同的语义标记，即primary/main和primary/content。然而，由于模式的不同，原始令牌发生了变化，使得设计在颜色使用方面更加灵活。 在我们的项目中使用颜色标记变量的示例 我们项目中变量的用例之一是我们有 3 个已经使用原始标记和语义标记的主题。 结论 构建结构良好的设计系统需要时间和不断迭代。



因此，我们试图通过 Figma 中的变量功能应用设计令牌，为我们正在构建的设计系统奠定坚实的基础。因此，不要害怕进行实验，这样我们就可以从设计系统中已经发生的实验中学习。 感谢您的阅读。如果您有任何其他问题或想深入了解该主题，请通过我们的网站或其他社交链接联系我们。