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