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