设计令牌架构提示词

绘画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. 1复制下方提示词全文
  2. 2把方括号 ____ 占位替换成你的具体需求
  3. 3粘贴到 DeepSeek / Claude / ChatGPT 等模型运行

相关绘画提示词