在过去的六个月里,Figma 推出的 AI 功能比之前三年加起来还要多。First Draft 可以从提示生成 UI。Make an Image 在线创建和编辑图像。MCP 服务器将 Figma 连接到 Claude Code 和 Cursor。Figma Make 生成完整的多页网站。其中一些确实很有用。有些则是噱头。以下是来自每天使用 Figma 的用户的诚实评估。

快速事实
  • First Draft:从文本描述生成 AI UI 布局
  • Make an Image:在 Figma 中生成和编辑图像
  • Replace Content:AI 生成逼真的占位符内容
  • Add Interactions:自动生成原型交互
  • MCP Server:将 Figma 连接到 AI 代理(Claude Code、Cursor、VS Code)
  • Figma Make:从 Figma 设计生成完整网站
  • Code Connect:将 Figma 组件链接到生产代码
  • 最后验证时间:2026 年 4 月

真正有用的功能

Replace Content 是暗藏的赢家。它生成逼真的文本内容——姓名、地址、产品描述、日期——来替换原型中的虚拟文本。利益相关者和测试人员会看到看起来真实的内容,而不是拉丁文乱码。虽然功能小,但确实能节省时间。

First Draft 从文本描述生成可用的起始布局。你不会直接发布它生成的内容,但作为一个起点,可以节省 30-60 分钟的框架设置和基本布局工作,它确实很有用。把它看作搭建脚手架,而不是成品。

MCP Server 是技术上最重要的功能。它将 Figma 连接到外部 AI 代理——Claude Code、Cursor、VS Code。实际工作流程是:在 Figma 中设计,然后要求 Claude Code"读取我的 Figma 设计并生成生产 React 组件"。Claude Code 通过 MCP 直接从 Figma 获取你的设计令牌、组件规范和布局信息。这取代了几十年来一直是产品开发中最大摩擦点的手动设计转代码的工作交接。

觉得有价值?我们每周发布 AI 工具和功能评测。加入订阅读者 →

暂时不太有效的功能

Make an Image 功能不错,但与 Midjourney、DALL-E 或 ChatGPT 的图像生成等专用图像生成器相比缺乏竞争力。对于设计中的快速占位符图像来说还不错。对于生产质量的图像,使用外部工具更好。

Add Interactions 自动生成原型交互,但经常搞错流程。它以看似合理的方式连接屏幕,但不符合你的预期用户流程。手动设置交互比纠正 AI 的假设更快。

Figma Make 生成完整网站,但输出质量差异很大。简单的营销网站输出可用。复杂的应用程序生成需要大量返工的布局。这是一个有前景的方向,但对于基本网站以外的任何东西都还不能用于生产。

真实故事:Figma vs Claude Design

4 月 17 日 Claude Design 的推出引发了 Figma 的存在性问题。Anthropic 的首席产品官同日从 Figma 董事会辞职。Figma 股价下跌 7.28%。

诚实的评估是:Figma 和 Claude Design 服务于设计流程的不同阶段。Claude Design 在从零到第一个原型的速度上更快。Figma 在之后的所有事情上都更好——协作、优化、组件系统、开发者交接。聪明的团队会同时使用两者。

有关详细比较,请查看我们的 Claude Design vs Figma 对比。要为你的设计工作流找到合适的 AI 模型,试试我们的 AI 模型选择器测验

这对设计师意味着什么

AI 不会替代设计师。它替代的是设计中一直很繁琐的部分——布局搭建、占位符内容、基本原型、设计转代码交接。需要品味、判断、用户研究和创意眼光的部分仍然无法替代。

在 2026 年蓬勃发展的设计师是那些使用这些工具跳过无聊部分,把更多时间花在真正需要人类判断的部分的人。处于危险中的设计师是那些价值主张主要是执行速度的人,而这些任务 AI 现在可以在几秒钟内完成。

这是我们每周做的事。一篇关于 AI 工具、工作流和诚实看法的深度文章——没有炒作,没有填充。加入我们 →

披露:本文中的某些链接是联盟链接。我们只推荐我们亲自测试并定期使用的工具。查看我们的 完整披露政策