Figma 和 Claude Code 现在终于能双向交互了！ Figma MCP 的最新版本。可以把你用 Claude Code 生成的网页直接转成 Figma 的格式 可以把任意网页的内容转换成 Figma 设计稿，然后发送到剪贴板，直接粘贴到 Figma 编辑器中就可以。 我在 vibe coding 的时候，经常需要一次性提交多个交互相关的改动，这时候很难让 Claude Code 理解。 但由于我是 vibe coding，所以没有设计稿，这就很难办。 现在我们可以每次让 Claude Code 写完代码以后，备份一份设计稿。 我们就可以在设计稿上进行修改，然后再告诉他，这样表达的意图会清晰很多。

运行这个命令安装 Figma MCP ： claude mcp add --transport http figma-remote-mcp

这个更新对 vibe coding 真的是游戏规则改变者 之前我用 Claude Code 做界面的时候，最痛的点就是「我脑子里想的和 AI 理解的完全不是一回事」——纯文字描述 UI 变更太低效了。 现在有了设计稿作为中间层，可以： Claude Code 生成 → 导出 Figma → 在 Figma 上标注修改意图 → 告诉 Claude 这个循环能把沟通成本降低70%以上。比每次都重新描述要精准多了。

Figma MCP这个意义被低估了。 以前是：设计师出稿 → 开发还原 → 反复对标 → 改来改去。 现在是：Claude Code直出 → 一键导进Figma → 设计师直接在上面改。 从「开发实现设计稿」变成了「设计审查开发稿」，工作流反转了，设计师的角色从起点变成了QA。

这个功能太香了！🤩 上周刚用Claude Code重构了一个电商落地页，当时还在想要是能直接导入Figma给设计师微调就好了。现在直接双向打通。 实战体验：之前开发-设计来回切至少3轮，现在直接"Send to Figma"，设计师在我代码生成的UI基础上改，我继续写逻辑。省了40%沟通时间。 SaaSpocalypse不是消灭工具，而是工具间界限模糊化。设计师开始读代码，开发者开始懂设计，这才是AI时代的工作流。

我是用cursor给我html内嵌样式，再用 但实际用起来，开发不看figma了，看cursor给的文档，直接VB，所以有个疑问，今天刷屏的这个，在实际项目中这个CC和figma交互用处大吗，大家都是VB了，一行行手敲代码十年前。刚好是我拿手的html，时代还是太好了可以VB 🥹

太难了。现在的问题不是 MCP，而是 design不懂前端导致 figma 里面 frames 层层嵌套，进而导致 AI 理解 UI hierarchy 出问题。

thanks for sharing

这个太实用了！之前的流程是 Figma 导出 → 手写代码 → 反复调整，现在反过来可以 Claude Code 生成 → 直接导入 Figma 给设计师看。 做电商的话，活动页 idea → Claude Code 出原型 → Figma 精修，能省掉一半来回沟通

🔥 😆

虽然但是... 会不会直接改代码会更简单一些？ 感觉这个特性就是比较适合和设计师同步？

Curious about your experience with Figma MCP and Claude Code. Have you noticed any limitations when converting complex layouts, or does it handle them pretty well?

Figma MCP额度太少了

请问下你的catjourney还会继续维护更新么？

双向奔赴了