Figma Config 现场演示:AI 正在把「设计到代码」这堵墙直接推倒

AI PM 编辑部 · 2025年06月04日 · 1 阅读 · AI/人工智能

正在加载视频...

视频章节

在 Figma Config 2025 的舞台上,Builder.io CEO Steve Sewell 做了一件“不该现场做”的事:直接连真实代码仓库,用 AI 把设计改动变成可合并的 PR。这不是炫技,而是一次对设计、工程、AI 边界的正面挑战。

Figma Config 现场演示:AI 正在把「设计到代码」这堵墙直接推倒

在 Figma Config 2025 的舞台上,Builder.io CEO Steve Sewell 做了一件“不该现场做”的事:直接连真实代码仓库,用 AI 把设计改动变成可合并的 PR。这不是炫技,而是一次对设计、工程、AI 边界的正面挑战。

最反直觉的一幕:AI 不写新项目,而是“接管”你的旧代码库

这场演讲一上来就戳中了很多工程师的痛点。Steve Sewell 抛出的不是“AI 生成一个 demo 应用”,而是一个更难的问题:AI 能不能在一个已经存在、结构复杂、历史悠久的真实代码仓库里工作?

他点名了大家心里没说出口的疑问:Figma 的新功能、各种 design-to-code 工具看起来很酷,但“那我那个几万行的 Next.js 项目怎么办?”Steve 的回答很直接——AI 不该另起炉灶,而是应该尊重你现有的组件、设计系统和工程约束。

于是,他做了一个几乎所有人都不建议现场做的事:直接 demo。连接真实的 Next.js 仓库,用 Builder 的可视化编辑和 AI,让设计团队在不读代码的情况下,对生产级代码进行修改。不是导出,不是复制粘贴,而是直接作用在现有代码之上。这一点,决定了这场演讲的分量。

真正的桥梁:AI 不是“会画 UI”,而是懂你的设计系统

Steve 花了不少时间解释一个容易被忽略的点:大模型本身并不神秘,本质上就是在预测下一个 token。但真正拉开差距的,是你如何把 LLM 放进真实工作流

在他的演示里,Builder 并没有生成一套“看起来差不多”的新组件,而是严格使用代码库里已有的组件和设计系统。加一个 Contact Us 页面,不只是多写几个 JSX 文件,而是:导航栏更新、页面结构符合既有规范、交互是可用的。

更关键的是,这一切是可逆、可控的。每一次 AI 修改,都像 Git 分支一样独立存在,随时可以对比、撤销、或者发起 Pull Request。Steve 强调了一点:AI 的价值不是替你做决定,而是把“改一次试试”的成本降到接近 0。

这也解释了为什么他反复提“visual canvas”。复杂的交互、状态、样式调整,用纯 prompt 很难描述清楚;但在一个类似 Figma 的可视化界面里,人类和 AI 才真的在“说同一种语言”。

一个被忽视的刚需:把“丑但能跑的代码”变回好设计

演讲中最让人会心一笑的一句话是:“我 vibe coded 了一个有点丑的东西,现在怎么办?”这几乎是所有用过 Cursor、Copilot 的人都经历过的时刻。

Steve 展示的解决方式很简单,却极其重要:不是推翻重来,而是只应用最小必要的设计改动。他从编辑模式回到可视化界面,应用新的设计稿,然后生成更新 PR。结果是:只改样式,不动逻辑;只动需要动的部分,其它一行不碰。

这一点对工程团队的意义非常现实。它意味着 AI 不再是“代码洪水”,而是一个可以被 code review 的合作者。Steve 甚至特别强调:你可以清楚看到 AI 到底改了什么、没改什么。这种“克制”,反而比生成能力本身更稀缺。

趋势信号:PM、设计师,正在直接操作真实产品代码

在演讲后半段,Steve 把视角从“技术可不可以”拉回到“团队会怎么用”。他们已经在真实团队里看到一些变化:PM 用现有代码库直接原型真实功能;设计师发给同事的不是 Figma 链接,而是一个能跑的产品页面。

他还顺带对比了像 Cursor 这样的工具:Cursor 很擅长“大块写代码”,而 Builder 关注的是在已有代码基础上的原型和迭代。两者并不冲突,而是在不同层级解决问题。

最终,Steve 抛出了一个听起来很激进、但逻辑自洽的判断:不是每个人都要成为传统意义上的程序员,但每个人都会越来越像一个 developer。当设计、交互、逻辑都能通过同一套界面被修改,团队之间的边界自然会变得模糊。

总结

这场 Config 演讲真正传递的信息,并不是“AI 又强了”,而是一个更具体、更落地的判断:AI 正在进入软件开发最难啃的部分——真实代码库、真实团队协作、真实流程约束。对 AI 从业者来说,这意味着机会不只在模型本身,而在“把模型嵌进工作流”的能力上。接下来值得你思考的是:在你所在的团队里,哪一段设计到工程的摩擦,其实已经可以被 AI 悄悄抹平了?


关键词: 设计到代码, Figma Config 2025, Builder.io, 大语言模型, AI 工作流

事实核查备注: 需要核查:1)视频发布时间是否为 2025-06-04;2)Steve Sewell 的身份为 Builder.io 联合创始人兼 CEO;3)演示中使用的技术栈以 Next.js 为例;4)对 Cursor 的定位和对比是否与原视频表述一致。