Figma Tokens 导出

粘贴 Figma / Tokens Studio 变量 JSON，导出为四种流行目标之一：

• Tailwind theme.extend——自动映射 color/* → colors、spacing/* → spacing、fontSize/* → fontSize、fontFamily/* → fontFamily 等。嵌套路径变成嵌套对象，必要时用 DEFAULT 键。
• shadcn/ui CSS 变量——HSL 空格分隔约定（--background: 0 0% 100%），开箱即配合 Tailwind 的 hsl(var(--x)) 包装。
• Style Dictionary / W3C DTCG——重新输出规范的 { $value, $type } 形状，作为通用交换格式。
• SCSS 变量——$color-brand-primary: #2563eb; 风格。

接受的输入形态

• Tokens Studio / W3C：{ color: { brand: { $value: "#fff", $type: "color" } } }
• 旧版 Tokens Studio：{ color: { brand: { value: "#fff", type: "color" } } }（无 $）
• 纯嵌套值：{ color: { brand: "#fff" } }
• Figma REST API rgba 对象：{ r: 0.5, g: 0.3, b: 0.9 }

类型推断——当 token 没有显式 $type 时，工具会推断：#hex / rgb() / 命名色 → color；带 px/rem/em/% 单位 → dimension；纯数字 → number；其余 → string。颜色格式选项把每个颜色 token 重新渲染为 hex、rgb()、hsl（shadcn 风格空格分隔）或 hsl() CSS，无论原值如何书写。