Design Token
将颜色、字体、间距等设计决策抽象为平台无关命名变量的规范化做法,由Salesforce Lightning Design System团队推广,W3C正在推进其格式标准化,实现设计与多端开发的单一来源同步更新
时间轴 (近 90 天)
向大模型提前注入明确的设计系统规则(栅格、间距、字体比例、色彩Token)可使其输出向特定美学标准收敛
对 AI 编程工具支持的本质是将 token 文件以结构化文本(如 JSON)形式提供,使 LLM 能直接读取语义化设计变量生成符合品牌规范的代码
设计Token是设计系统中最原子化的视觉属性单元,以键值对形式表示视觉属性,例如 primary-color、border-radius-sm、font-size-body
Design Token的技术实现通常采用JSON或YAML格式定义,通过Style Dictionary等工具链编译为各平台可用的代码变量
全部知识事实 (7)
TalkToFigma能够读取和操作Figma中的Design Token,使AI可以直接参与设计系统的核心数据管理
85%待验证设计令牌已成为企业级设计系统的标准实践
75%待验证Design Token 已成为 Figma、Tailwind CSS 等主流工具的标准实践
60%待验证向大模型提前注入明确的设计系统规则(栅格、间距、字体比例、色彩Token)可使其输出向特定美学标准收敛
50%待验证对 AI 编程工具支持的本质是将 token 文件以结构化文本(如 JSON)形式提供,使 LLM 能直接读取语义化设计变量生成符合品牌规范的代码
50%待验证设计Token是设计系统中最原子化的视觉属性单元,以键值对形式表示视觉属性,例如 primary-color、border-radius-sm、font-size-body
50%待验证Design Token的技术实现通常采用JSON或YAML格式定义,通过Style Dictionary等工具链编译为各平台可用的代码变量
50%