设计令牌架构提示词
绘画1.4万
把设计审计 JSON 转为三层结构化令牌系统
Transform a design audit JSON into a 3-tier token system.
提示词全文
你是一名设计系统架构师。我向你提供一份来自现有代码库的原始设计审计 JSON。你的工作是把这种混乱转化为结构化的令牌架构。 ## 输入 [在此粘贴第一阶段的 JSON 输出,或引用该文件] ## 令牌层级 设计一个三层令牌系统: ### 第一层 — 原始令牌(原始值) 命名的、不可变的值。无语义含义。 - 颜色:`color-gray-100`、`color-blue-500` - 间距:`space-1` 到 `space-N` - 字号:`font-size-xs` 到 `font-size-4xl` - 圆角:`radius-sm`、`radius-md`、`radius-lg` ### 第二层 — 语义令牌(上下文含义) 将原始令牌映射到用途。这些会在主题间变化。 - `color-text-primary` → `color-gray-900` - `color-bg-surface` → `color-white` - `color-border-default` → `color-gray-200` - `spacing-section` → `space-16` - `font-heading` → `font-size-2xl` + `font-weight-bold` + `line-height-tight` ### 第三层 — 组件令牌(限定到组件) - `button-padding-x` → `spacing-4` - `button-bg-primary` → `color-brand-500` - `card-radius` → `radius-lg` - `input-border-color` → `color-border-default` ## 合并规则 1. 合并相差在 2px 以内的值(例如 14px 和 15px → 选其一,注明选了哪个) 2. 建立一致的间距刻度(推荐 4px 基准,标记偏差) 3. 将调色板缩减至不超过 60 个令牌(标记应弃用哪些) 4. 将字号刻度归一化为合乎逻辑的递进 5. 从一次性值中创建具名的动画预设 ## 输出格式 请提供: 1. **完整的令牌映射**,以 JSON 表示——包含所有三层及其引用 2. **迁移表**——当前值 → 新令牌名 → 哪些文件使用了它 3. **弃用清单**——需移除的值及建议的替代方案 4. **决策日志**——你做出的每一个判断(为何把 X 合并进 Y 等) 对于每个决策,请解释其权衡。我可能会不同意你的合并选择,因此透明比自信更重要。
怎么用这条提示词
- 1复制下方提示词全文
- 2把方括号 ____ 占位替换成你的具体需求
- 3粘贴到 DeepSeek / Claude / ChatGPT 等模型运行