Design Token
Design Token
这篇笔记还在编辑中，内容可能会继续补充、调整或重写。
核心认识
Design Token 用语义化名称表达颜色、间距、字体、圆角和动效等设计决策，并可转换到 CSS、JavaScript 和设计工具。Token 应区分基础值、语义角色和组件级变量。
学习重点
- 能说明方案如何处理作用域、复用、主题和运行时成本
- 理解静态资源从源码引用到最终 URL 和缓存策略的变化
- 在一致性、可维护性、构建复杂度和性能之间做取舍
实践检查
- 能用自己的话解释“Design Token”
- 能在最小项目中完成一次与“Design Token”相关的验证
- 能记录常见问题、取舍依据和排查方法