设计令牌
将颜色、间距、字体大小等视觉决策抽象为平台无关命名变量的设计工程化实践，支持一次定义、多端（Web/iOS/Android）输出消费，是大型设计系统的核心基础设施
时间轴 (近 90 天)
ilse对简单样式调整使用项目自身的设计令牌（Design Tokens），而非生成任意像素值
Landing Page Design Skill 将字体、颜色和间距集中隔离在一个独立区块中，修改这些变量会同步传播到整个页面。
设计文档最终被转化为设计系统，包含设计令牌（tokens）、排版规范（typography）、颜色系统（海军蓝搭配白色背景）、以及组件库。
设计令牌是将颜色、间距、字号、圆角、阴影等视觉决策抽象为命名变量（如color-primary对应海军蓝#1B2A4A），核心价值是'单一事实来源'，修改令牌定义可自动更新所有引用组件。
在AI辅助开发中，若设计令牌被显式定义，Cursor会直接引用var(--color-primary)而非硬编码具体色值，从而保证视觉一致性；若令牌缺失，AI往往会在不同文件中重复写入具体数值。
在专业前端项目中，颜色通常通过设计令牌或CSS变量统一管理，如--color-primary或bg-blue-500
设计令牌通常以JSON或YAML格式维护，再通过Style Dictionary等工具编译为CSS变量、Sass变量或平台特定格式
设计令牌层级通常分为全局令牌、语义令牌和组件令牌
设计令牌是将视觉属性（颜色、字体大小、间距、圆角、阴影等）抽象为与平台无关的键值对的机制
设计令牌概念由 Salesforce 团队在2014年提出，用于解决设计与开发之间的翻译问题
全部知识事实 (10)
设计令牌是将视觉属性（颜色、字体大小、间距、圆角、阴影等）抽象为与平台无关的键值对的机制
60%待验证ilse对简单样式调整使用项目自身的设计令牌（Design Tokens），而非生成任意像素值
50%待验证Landing Page Design Skill 将字体、颜色和间距集中隔离在一个独立区块中，修改这些变量会同步传播到整个页面。
50%待验证设计文档最终被转化为设计系统，包含设计令牌（tokens）、排版规范（typography）、颜色系统（海军蓝搭配白色背景）、以及组件库。
50%待验证设计令牌是将颜色、间距、字号、圆角、阴影等视觉决策抽象为命名变量（如color-primary对应海军蓝#1B2A4A），核心价值是'单一事实来源'，修改令牌定义可自动更新所有引用组件。
50%待验证在AI辅助开发中，若设计令牌被显式定义，Cursor会直接引用var(--color-primary)而非硬编码具体色值，从而保证视觉一致性；若令牌缺失，AI往往会在不同文件中重复写入具体数值。
50%待验证在专业前端项目中，颜色通常通过设计令牌或CSS变量统一管理，如--color-primary或bg-blue-500
50%待验证设计令牌通常以JSON或YAML格式维护，再通过Style Dictionary等工具编译为CSS变量、Sass变量或平台特定格式
50%待验证设计令牌层级通常分为全局令牌、语义令牌和组件令牌
50%待验证设计令牌概念由 Salesforce 团队在2014年提出，用于解决设计与开发之间的翻译问题
50%