Figma 推出 AI 生成代码转设计工具

Figma 于周一发布了一项名为"Code to Canvas"的新功能,该功能与人工智能公司 Anthropic(Claude 背后的开发商)合作开发。这项集成功能允许用户将 AI 工具生成的代码直接传输到 Figma 的设计环境中,转换为可编辑的图层,这标志着该设计平台在自主编码智能体快速崛起之际,为自身定位所做的最新努力。

此次发布的时机正值 Figma 将于次日发布第四季度财报之际,同时整个软件行业正面临被交易员称为"SaaS 末日"(SaaSpocalypse)的困境——这是一场席卷整个行业的抛售潮,已在 2026 年初从软件股中抹去近 1 万亿美元的市值。

工作原理

该功能使用 Figma 的模型上下文协议(Model Context Protocol)将 AI 生成的界面与公司的协作设计画布连接起来。据 Figma 首席执行官 Dylan Field 在 LinkedIn 上发布的帖子称,在 Claude Code 中工作的用户可以输入"Send this to Figma",浏览器的渲染状态将自动转换为完全可编辑的 Figma 图层。

Field 写道:"在一个 AI 可以帮助构建你能表达的任何可能性的世界里,你的核心工作是在几乎无限的可能性空间中找到最佳解决方案。"他补充说,相比在编码环境中使用提示词,Figma 的画布在比较多种设计方法和通过直接操作进行详细调整方面更具优势。

这一集成建立在今年 1 月早期合作的基础上,当时 Claude 被引入 Figma 的 FigJam 白板工具中用于生成图表。

市场背景

该产品发布之际,根据金融数据服务机构的数据,Figma 的股价已从 52 周高点 142.92 美元下跌约 85%。该公司于 2025 年 7 月上市,首日股价飙升 250%,但目前面临投资者对 AI 工具可能颠覆传统软件商业模式的担忧。

Figma 计划于 2 月 18 日公布 2025 年第四季度业绩,分析师预计营收约为 2.93 亿美元。Zacks 一致预期每股收益为 7 美分。

行业影响

这一合作关系反映了软件行业日益加剧的紧张局势:随着AI编码工具让用户能够在不经过传统设计流程的情况下构建功能性应用程序,像Figma这样的公司必须证明自己持续的相关性。Field认为,恰恰因为AI让构建变得更容易,设计才显得更加重要。

"设计画布在探索多种可能性方面比在IDE中使用提示词更有优势,"Field写道,并补充说这种工作流程使团队能够"发散思维,通过并排比较不同方法来纵观全局"。