使用Paper结合Claude构建设计系统步骤教程

如何用 Paper + Claude 搭建设计系统：1. 在任意工具中创建自定义组件 2. 用 Paper Snapshot 扩展复制这些组件 3. 将它们粘贴到一个空白 Paper 项目中作为参考 4. 通过 MCP 将 Claude Code 连接到 Paper 5. 让 Claude 从参考内容中列出设计令牌（不要一步到位生成整个设计系统）6. 审查并清理数值（对照参考填补缺口）7. 让 AI 将这些令牌添加到 Paper 主题中 8. 仅使用令牌重新创建一张参考卡片（质量检查）9. 优化令牌并添加额外令牌（柔和/更深的颜色、0 间距等）10. 完成！

Paper 很快就会推出组件功能（目前只支持令牌），所以这是提前搭建好基础的完美方法。

观看完整分步教程

感谢 @masid_pedro 教会了我这一切 🙏

没错，基本就是这样！这个流程最棒的地方在于：1. 你可以用任何内容作为参考，不一定非得是 shadcn 或是某个组件库。

2. 既然 AI 已经“学习”了你提供的参考内容，它就能在任何它连接到的地方使用这套设计。比如它可以把令牌和组件添加到 Figma 里，或是把设计实现成代码，更快做出可交互原型。