用 Claude Design 做原型省 Token 的技巧：导出 HTML 后交给 Claude Code 维护
精选理由
用 Claude Design 做原型一周 Token 就烧光？先把设计稿导出成 HTML，之后交给 Claude Code 本地改，省钱又省心。
博主分享了一个 Claude Design 省 Token 的工作流：先在 Claude 网站上把设计稿迭代到满意版本，导出为 HTML 下载到本地。之后改用 Claude Code 把它当作本地网页来更新维护，不再依赖 Claude Design 网站。原因是直接在 Claude Design 上反复迭代会大量消耗 Token，有人反馈一个产品设计基本耗完一周的 Token 用量。博主还放出了自己做原型的示例项目 JimLiu/baocut，可本地运行查看效果。
原文 · 宝玉
一个使用 Claude Design 做原型节约 Token 的技巧： 先在 Claude 网站上把设计稿做好一个完整的版本，迭代到你满意后，导出为 HTML 下载到本地，后续你只要让 Claude Code 把它当作一个本地网页来更新维护，不再需要依赖 Claude Design 网站。 顺便说一下，如果你想看看我做的原型效果，可以看看： github.com/JimLiu/baocut npm i & npm run dev:designs http://localhost:4331/ 不会让你失望 DinoDeer @xDinoDeer @dotey 上次你推荐后，我最近深度用了一下，惊为天人，唯一的缺点就是一个产品设计基本上会耗费完一周的 token用量。 🔗 View Quoted Tweet 💬 13 🔄 7 ❤️ 44 👀 6157 📊 21 ⚡
