[KongchangAI]
Concept设计Token / 设计令牌 / DTCG

Design Token

将颜色、字体、间距等设计决策抽象为平台无关命名变量的规范化做法,由Salesforce Lightning Design System团队推广,W3C正在推进其格式标准化,实现设计与多端开发的单一来源同步更新

Timeline (last 90 days)

Sep 15

向大模型提前注入明确的设计系统规则(栅格、间距、字体比例、色彩Token)可使其输出向特定美学标准收敛

Unverified50%
Sep 11

对 AI 编程工具支持的本质是将 token 文件以结构化文本(如 JSON)形式提供,使 LLM 能直接读取语义化设计变量生成符合品牌规范的代码

Unverified50%
Sep 4

设计Token是设计系统中最原子化的视觉属性单元,以键值对形式表示视觉属性,例如 primary-color、border-radius-sm、font-size-body

Unverified50%
Aug 23

Design Token的技术实现通常采用JSON或YAML格式定义,通过Style Dictionary等工具链编译为各平台可用的代码变量

Unverified50%

All Facts (7)

Source Articles