Design Token:从散落值到可维护视觉系统 | CSS

本章覆盖:design token 的概念;primitive token;semantic token;color token;spacing token;typography token;radius / shadow token;CSS custom properties 实现 token;light / dark theme token 映射;token 与组件样式解耦;与 Figma / Design System 协作的高层流程。

本章知识点

  • design token 的概念
  • primitive token
  • semantic token
  • color token
  • spacing token
  • typography token
  • radius / shadow token
  • CSS custom properties 实现 token
  • light / dark theme token 映射
  • token 与组件样式解耦
  • 与 Figma / Design System 协作的高层流程