toC 项目设计稿花里胡哨的，设计对设计稿的还原度要求很高，每次需要很多切图图标，AI 生成的代码还原度很差，生成的 UI 代码基本都要手动大改一下，想问一下大家在这方面有好的实践吗？
 | 1 midsolo 2 天前 我也遇到了这个问题，Claude Code 写完 C 端页面之后，还需要花大量的时间去改，暂时还没想到什么有效的解决办法 |
 | 2 han3sui 2 天前 C 端还原还是要手撸的吧，最后的倔强了。 |
 | 3 duuu 2 天前 除非你们设计很规范，比如圆角边距字体大小全都有定义好的，那么你可以先定一个 tailwind 的规范给 AI ，这样会好一点，但也还是要自己调。 这种情况 AI 现在没多大办法，古法编程吧。 |
 | 4 106npo 2 天前 设计的图稿不是都可以直接转代码的么,把转好的代码丢给 ai 再写功能 |
 | 5 linkopeneyes 2 天前 古法编程吧 |
 | 6 annilq 2 天前  1 让设计用 figma 设计，然后网上找个 figma-mcp 生成代码，然后再古法调整 |
 | 7 q2677855779 2 天前 1 抽离核心业务逻辑，叫 ai 写基础交互，自己再补充页面，现在 ai 还无法做到百分百的像素级别还原，但交互逻辑这些基本上没问题，使用 figma-mcp 效果会好些，但还是得调整。 |
 | 8 koor 2 天前 @q2677855779 有没有对应蓝湖的工具？ |
 | 9 BazingaOrg 2 天前 1 UI 用 Figma 吗？推荐个 mcp ，还挺好用的： "Framelink Figma MCP": { "command": "npx", "args": [ "-y", "figma-developer-mcp", "--figma-api-key=你的 Figma Key", "--stdio" ] } |
| 10 q2677855779 2 天前 @koor 蓝湖官方应该有相关 mcp 吧，我看蓝湖本身好像就是有导出 vue 和 react 代码的，可以拿来做 ai 的上下文。 |
 | 11 gorvey 2 天前 1 我们公司用的腾讯的 codesign,没有任何 AI 生态 我写了一个油猴插件,复制选中图层的 DSL,然后根据 DSL+提示词+模板生成样式 |
 | 12 maplezzz 2 天前 没有办法和 UI 约定好规范的话，完全要 AI 生成还是比较困难的吧。 最理想的情况就是能提前和 UI 定一版设计，再按照这个设计利用 shadcn 和 tailwind 这种封装组件库，把样式都尽可能语义化，类似并且整理成文档，方便 AI 理解，最后 AI 读 figma 或者 sketch 的设计文档，对照语义化的样式生成代码。 |
 | 13 zhuiyue132 1 天前 @BazingaOrg figma 客户端有提供 mcp 。不过好像要专业版才行。 |
| 14 BazingaOrg 1 天前 @zhuiyue132 对的 |
 | 15 vaporSpace 1 天前 @gorvey 老哥怎么实现的，方便说下吗 |
 | 16 HowardTang 1 天前 @BazingaOrg #9 之前腾讯的 codebuddy 吹嘘自己可以直接从 figma 生成代码， 试了几天都没办法使用，官方的微信群/discord 也没人回 最后才发现是 Figma 的 MCP 要升专业版才可以用 |
| 17 BazingaOrg 1 天前 @HowardTang 我发的这个不需要升专业版的，具体使用详见： https://www.framelink.ai/docs/quickstart?utm_source=github&utm_medium=referral&utm_campaign=readme ，使用这个时尽量不要一次性让 AI 画整张页面，自己先划分好几个模块，再 “Copy link to selection”，实现效果我觉得还不错，搭配自己在 cursor 中写的 rule ，不怎么返工的。 |
| 18 HowardTang 1 天前 @BazingaOrg #17 感谢老哥，我昨天也看到了，效果确实不错 |
Select Language