技巧72°

Claude Design 与 Figma MCP 做设计的三个核心差别

我知道的 Claude Design(不是 Claude Code) 和 Figma MCP 的一些差别: 1. 操作方式不一样 - Claude Design 是直接生成 HTML - Figma...

精选理由

有人把 Claude Design 和 Figma MCP 做设计的方式对比了一遍,一个直出可交互原型,一个还在 Figma 里改,非设计师看第一条就够选了。

Claude Design 直接生成 HTML + React + CSS 加模拟数据,产出可点击交互的原型,还可以做 Slides 和视频。Figma MCP 通过 MCP 协议操作 Figma,产物仍是 Figma 格式文件。Claude Design 不依赖 Figma,无需授权,下载后可本地运行显示。作者观点是直出 HTML 的效果更好看,非设计师建议选 Claude Design。

原文 · 宝玉

我知道的 Claude Design(不是 Claude Code) 和 Figma MCP 的一些差别: 1. 操作方式不一样 - Claude Design 是直接生成 HTML - Figma...

我知道的 Claude Design(不是 Claude Code) 和 Figma MCP 的一些差别: 1. 操作方式不一样 - Claude Design 是直接生成 HTML - Figma MCP 是通过 MCP 操作 Figma,省了你手动操作 相对来说直出 HTML 做出来好看些(个人观点) 2. 产物不一样 - Claude Design 产出 HTML + React + CSS + 模拟数据,可以点击交互,不仅是设计稿,还是原型;Claude Design 其实还可以做 Slides 和视频 - Figma MCP 还是 Figma 格式文件 3. 运行环境不一样 - Claude Design 不依赖于 Figma,不需要授权,下载后可以本地运行显示 - Figma MCP 依赖于 Figma 不是设计师的话,建议选 Claude Design Weenie Dog @jchen90s @dotey 关于设计,用Claude Code做设计和用Figma MCP做设计有什么区别吗?都是定义在Design.md,都可以preview UI。 🔗 View Quoted Tweet 💬 0 🔄 1 ❤️ 3 👀 1167 📊 1 ⚡