Figma 如何使用 AI 来支持而不是取代设计师

作者 | Daniel Dominguez

译者 | 刘雅梦

策划丁晓昀

Figma 在其设计平台上集成了 AI，从自动命名层到 Figma Make 等小工具，它可以将文本提示、图像或设计框架转换成团队可以实时共同编辑的生产就绪代码。结果是：非技术人员可以在数小时内构建原型，在某些情况下，代码精确到足以让工程师直接投入生产——同时确保设计师始终控制最终输出。

在与 OpenAI 的对话中，Figma 的 AI 产品负责人 David Kossnick 解释了这些功能是如何从早期的设计到代码基础设施和将 AI 视为副驾驶的理念中发展起来的，确保每个由 AI 生成的元素，无论是文本、图像还是代码，都完全可编辑，以便设计师保持控制。

Figma 的 AI 功能建立在 AI 尚未进入组织路线图之前开发的基础设施之上。

有两个组成部分是关键。Dev Mode 为开发人员提供了设计文件的结构化数据：CSS 片段、设计 token 和组件细节——减少了将设计转换为工作界面的摩擦。

模型代码原型（Model Code Prototypes，MCP）服务器扩展了这一点，它允许开发人员调用具有完整设计上下文的编码智能体来生成生产就绪的前端代码，从而消除了手动交接步骤。

这些系统共同形成了一个设计和代码之间的桥梁，AI 可以轻松使用。

当 Figma 引入 Figma Make 时，现有的设计到代码管道意味着它可以将提示、图像或框架转换为交互式应用程序，而无需新的基础设施。为了快速构建原型，一些团队现在使用 Make 来生成足够精确的生产代码。

它的可访问性也带来了意想不到的用途。一位没有编码背景的人力资源工作人员使用公司人力资源系统的数据，在两小时内构建了一款“谁是谁”的游戏。这已成为 Figma 新员工入职流程的一部分。Kossnick 说，这些结果反映了指导 Figma AI 工作的更广泛原则：

AI 将帮助人类更快地探索，更深入地进行创意，但我认为所有的人类判断、同理心、工艺、品味，就是成为领航员而不是副驾驶员的意义。

在实践中，Figma 通过保持每个由 AI 生成的元素——文本、图像或代码，都是完全可编辑的，来应用这种“领航员而非副驾驶员”的理念。用户可以细化输出以匹配他们的意图，无论他们从提示、视觉设计还是代码片段开始。这避免了其他工具中常见的锁定结果，并确保 AI 在不限制工艺的情况下加速工作。

这种控制也扩展到人们的合作方式中。Figma 已经根据 AI 功能调整了多人游戏设计模式，因此多个人可以在同一个文件中工作，查看彼此的更改，并实时一起提示 AI。这允许设计师、开发人员和其他利益相关者同时处理同一文件，在 AI 生成或更新内容时一起进行更改。

AI 也是共享仪式的一部分。在 FigJam 和 Slides 中，团队一起使用图像生成，例如，通过混合同事的头像来创建定制的周年纪念卡。

这些功能还可用于测试产品理念或组装可能不知如何构建的内部工具。

Figma 的方法展示了如何将 AI 嵌入现有的协作平台中，可以降低制作功能性软件的障碍。

对于 Kossnick 来说，其价值在于将 AI 作为一个助手，加快工作速度，同时将技术和最终决定权留给人类。

原文链接：

https://www.infoq.com/news/2025/08/figma-ai/

声明：本文为 InfoQ 翻译，未经许可禁止转载。

点击底部阅读原文访问 InfoQ 官网，获取更多精彩内容！

会议推荐

首届 AICon 全球人工智能开发与应用大会（深圳站）将于 8 月 22-23 日正式举行！本次大会以 “探索 AI 应用边界” 为主题，聚焦 Agent、多模态、AI 产品设计等热门方向，围绕企业如何通过大模型降低成本、提升经营效率的实际应用案例，邀请来自头部企业、大厂以及明星创业公司的专家，带来一线的大模型实践经验和前沿洞察。一起探索 AI 应用的更多可能，发掘 AI 驱动业务增长的新路径！