关于 设计令牌生成器
设计令牌（Design Tokens）是设计系统的基本构建块，以键值对形式存储颜色、字号、间距、圆角、阴影等设计决策，便于多平台共享。本工具支持自定义常用令牌并导出CSS、SCSS、JSON、JS四种格式。
支持格式
- CSS变量：:root { --color-primary: #xxx; }
- SCSS变量：$color-primary: #xxx;
- JSON：嵌套对象结构，便于Style Dictionary处理。
- JS对象：export default { color: {...} }
使用建议
- 颜色用语义命名（primary/secondary/muted），而非字面值（purple-500）。
- 间距基于4px/8px网格，便于比例换算。
- 字号使用模数比例，保持视觉层次。
- 圆角统一为2-3级，避免过多变化。