Design Tokens
将视觉设计决策(颜色、字体、间距等)抽象为命名变量的系统性方案,使设计与代码保持一致,支持主题切换,常以JSON/YAML格式维护并通过工具链编译为各平台可用格式
核心事实
时间轴 (近 90 天)
Open Inspector 支持将页面的设计令牌(design tokens)导出
Figma、Style Dictionary 等工具已广泛采用设计令牌概念
一个 color-primary 令牌可以同时输出为 CSS 自定义属性、iOS Swift 常量或 Android XML 资源,实现一次定义、多端消费
Design Tokens概念由Salesforce在2014年提出,已成为设计系统的行业标准
LLM难以直接解析Figma文件的二进制结构和零散的Design Tokens
Design Tokens概念由Salesforce Lightning Design System首先系统化提出,现已被W3C Design Tokens Community Group纳入标准化轨道
全部知识事实 (7)
设计令牌(Design Tokens)概念最早由 Salesforce Lightning Design System 推广
80%待验证Open Inspector 支持将页面的设计令牌(design tokens)导出
50%待验证Figma、Style Dictionary 等工具已广泛采用设计令牌概念
50%待验证一个 color-primary 令牌可以同时输出为 CSS 自定义属性、iOS Swift 常量或 Android XML 资源,实现一次定义、多端消费
50%待验证LLM难以直接解析Figma文件的二进制结构和零散的Design Tokens
50%待验证Design Tokens概念由Salesforce在2014年提出,已成为设计系统的行业标准
50%待验证Design Tokens概念由Salesforce Lightning Design System首先系统化提出,现已被W3C Design Tokens Community Group纳入标准化轨道
50%