公司 toC 项目前端 vibe coding 的最佳实践？

我也遇到了这个问题，Claude Code 写完 C 端页面之后，还需要花大量的时间去改，暂时还没想到什么有效的解决办法

C 端还原还是要手撸的吧，最后的倔强了。

除非你们设计很规范，比如圆角边距字体大小全都有定义好的，那么你可以先定一个 tailwind 的规范给 AI ，这样会好一点，但也还是要自己调。
这种情况 AI 现在没多大办法，古法编程吧。

设计的图稿不是都可以直接转代码的么,把转好的代码丢给 ai 再写功能

古法编程吧

让设计用 figma 设计，然后网上找个 figma-mcp 生成代码，然后再古法调整

抽离核心业务逻辑，叫 ai 写基础交互，自己再补充页面，现在 ai 还无法做到百分百的像素级别还原，但交互逻辑这些基本上没问题，使用 figma-mcp 效果会好些，但还是得调整。

@q2677855779 有没有对应蓝湖的工具？

UI 用 Figma 吗？推荐个 mcp ，还挺好用的：
"Framelink Figma MCP": {
"command": "npx",
"args": [
"-y",
"figma-developer-mcp",
"--figma-api-key=你的 Figma Key",
"--stdio"
]
}

@koor 蓝湖官方应该有相关 mcp 吧，我看蓝湖本身好像就是有导出 vue 和 react 代码的，可以拿来做 ai 的上下文。

我们公司用的腾讯的 codesign,没有任何 AI 生态
我写了一个油猴插件,复制选中图层的 DSL,然后根据 DSL+提示词+模板生成样式

没有办法和 UI 约定好规范的话，完全要 AI 生成还是比较困难的吧。
最理想的情况就是能提前和 UI 定一版设计，再按照这个设计利用 shadcn 和 tailwind 这种封装组件库，把样式都尽可能语义化，类似并且整理成文档，方便 AI 理解，最后 AI 读 figma 或者 sketch 的设计文档，对照语义化的样式生成代码。

@BazingaOrg figma 客户端有提供 mcp 。不过好像要专业版才行。

@zhuiyue132 对的

@gorvey 老哥怎么实现的，方便说下吗

@BazingaOrg #9
之前腾讯的 codebuddy 吹嘘自己可以直接从 figma 生成代码，
试了几天都没办法使用，官方的微信群/discord 也没人回
最后才发现是 Figma 的 MCP 要升专业版才可以用

@HowardTang 我发的这个不需要升专业版的，具体使用详见： https://www.framelink.ai/docs/quickstart?utm_source=github&utm_medium=referral&utm_campaign=readme ，使用这个时尽量不要一次性让 AI 画整张页面，自己先划分好几个模块，再 “Copy link to selection”，实现效果我觉得还不错，搭配自己在 cursor 中写的 rule ，不怎么返工的。

@BazingaOrg #17 感谢老哥，我昨天也看到了，效果确实不错