设计与开发协作的交付边界设计交付的核心是可共享的规则而不是把画稿逐像素转换成组件。Token 应有清晰层级基础 token 描述颜色、字号和间距语义 token 描述用途例如color-text-primary。组件只引用语义 token主题变化时更容易维护。Token 示例{ color: { text: { primary: { value: #1f2329 } } }, space: { md: { value: 16px } } }从 Figma 到代码的转换应经过组件 API、状态和可访问性审查不能只比较静态截图。验证建议用同一份 token 生成设计侧与代码侧变量检查交互状态、文本溢出、暗色主题和键盘焦点。 设计与开发协作的交付边界设计交付的核心是可共享的规则而不是把画稿逐像素转换成组件。Token 应有清晰层级基础 token 描述颜色、字号和间距语义 token 描述用途例如color-text-primary。组件只引用语义 token主题变化时更容易维护。Token 示例{ color: { text: { primary: { value: #1f2329 } } }, space: { md: { value: 16px } } }从 Figma 到代码的转换应经过组件 API、状态和可访问性审查不能只比较静态截图。验证建议用同一份 token 生成设计侧与代码侧变量检查交互状态、文本溢出、暗色主题和键盘焦点。 
