设计训练包模板
设计任务最怕“图给了，但约束没给”。把 handoff、状态合同、token 约束和原型验证写成固定模板后，设计稿、组件和前端交付之间才不容易断层。
先复制哪份
| 场景 | 先复制什么 |
|---|---|
| 需要把 Figma 节点、页面和限制交给开发 | Figma Handoff 包模板 |
| 需要固定组件状态、变体和交互边界 | 组件状态合同模板 |
| 需要整理 token、命名和可访问性约束 | Token 与约束模板 |
| 需要验证原型、交互和还原结果 | 原型验证与证据模板 |
配套页面
| 模板组 | 配套页面 |
|---|---|
| handoff 与规则 | 设计师、规则与规范文档 |
| 能力编排 | Skills 与 MCP |
| 入口选择 | 工具匹配与选型 |
| 工具细节 | 工具专题 |
默认复制顺序
- 先用 Figma Handoff 包模板 或 组件状态合同模板 锁定输入。
- 设计系统或页面规范任务，再补 Token 与约束模板。
- 进入走查或联调时，用 原型验证与证据模板 收口。
已填写示例
- 想直接看一份设计 handoff 和验证成品：去 示例：订阅看板卡片训练包。
下一步
- 想回设计角色总览看这些模板处在什么位置：去 设计师的 AI Coding 指南。
- 想先看具体设计工具和案例：去 工具专题。