45分钟从设计到代码:Cursor设计负责人谈AI代理如何重塑设计

AI PM 编辑部 · 2025年11月16日 · 9 阅读 · AI/人工智能

正在加载视频...

视频章节

这是一场罕见的现场演示:Cursor 的设计负责人 Ryo Lu 在 45 分钟内展示了如何从设计直接生成可运行代码。比“工具多强”更重要的是,他分享了一个正在发生的转变——设计师如何借助多模态 AI Agent,开始承担过去只有工程师才能完成的工作。

45分钟从设计到代码:Cursor设计负责人谈AI代理如何重塑设计

这是一场罕见的现场演示:Cursor 的设计负责人 Ryo Lu 在 45 分钟内展示了如何从设计直接生成可运行代码。比“工具多强”更重要的是,他分享了一个正在发生的转变——设计师如何借助多模态 AI Agent,开始承担过去只有工程师才能完成的工作。

为什么“设计到代码”正在变成现实

这段对话最重要的价值,不在于某个具体功能,而在于一个角色转变正在发生。Ryo 在节目中反复强调,设计师的工作正在“revolving”,也就是发生根本性旋转。他直言:“I think the designer will start revoling… We can leave the back end stuff to the engineers.” 这句话背后,是 AI 工具正在把设计从“产出静态稿子”推向“直接驱动产品实现”。

在 Cursor 的语境下,设计不再只是 Figma 文件,而是可以直接转化为代码结构、状态和交互逻辑的输入。这一点在后面的演示中不断被验证:当设计决策被即时转译为代码,设计师第一次可以完整地看到自己决策的运行结果,而不是停留在想象中。

这之所以重要,是因为它改变了协作成本。设计与工程之间那条漫长的反馈链,被压缩成一次次“对话 + 构建”的循环,产品迭代的节奏因此被彻底拉快。

现场演示:从“Let’s hit build”到真实反馈

视频中最有说服力的部分,是一次完全不剪辑的现场演示。Ryo 一边解释,一边直接操作 Cursor,当他说出那句非常口语化的“Once we’re ready, let’s hit build”时,系统立刻开始生成结果。

过程中并不顺利。代码第一次运行时“ran into a bug”,画面里甚至出现了主持人下意识的“Whoa, whoa, whoa”。但这个插曲反而点出了真实工作流的样子:AI 不是魔法,而是一个可以被调试的合作者。Ryo 随即解释,Cursor 内部有“两种 browser integrations”,不同集成方式会影响调试和反馈路径。

这个小故事的价值在于,它展示了一个关键事实:AI 参与的设计到代码流程,并不会消灭问题,而是把问题提前暴露给更早的角色——设计师本人。

少用 Figma,不是抛弃设计,而是改变入口

在对话中,主持人好奇地问团队协作方式时,Ryo 给了一个让很多设计师意外的回答:“Figma doesn’t get much use。” 他随后补充,并不是不用,而是不再是核心入口。

在 Cursor 的实践中,很多设计决策是随着代码和状态一起“长出来的”。Ryo 形容这更像是“built it over time”,而不是一次性画完所有界面。这种方式下,设计系统甚至会演变成“a theming thing on top of it”,直接覆盖在代码之上。

这对行业的启示非常直接:当 AI 能理解视觉、文本和交互(也就是多模态),设计工具的中心不一定非要是画布,而可能是一个能持续对话、持续构建的环境。

多模态 AI Agent:不是功能,而是新同事

当 Ryo 提到“Ryo is actually like a multi-modal agent”时,主持人的反应是脱口而出的“Wow”。多模态 AI Agent,指的是同时理解和处理文本、界面、状态甚至运行结果的智能体。

在 Cursor 的语境里,它不是一个单点功能,而更像团队中的一名新成员:你可以让它构建、让它修改、让它解释,也可以在它出错时一起 debug。正如 Ryo 所暗示的,这种 Agent 的价值不在于一次生成多完美,而在于能否融入真实工作流。

这也解释了为什么他们愿意在节目中保留 bug 和混乱——因为这正是“真实同事”的状态,而不是营销 Demo。

总结

这期视频真正传递的信号是:AI 正在重新划分设计与工程的边界。Cursor 的实践表明,当多模态 AI Agent 进入日常工具,设计师第一次有机会对“可运行的产品”负责,而不仅是视觉结果。对每一位从业者来说,关键问题不再是要不要用 AI,而是:你是否愿意把它当成一起工作的伙伴。


关键词: Cursor, AI Agent, 多模态, 设计到代码, 产品设计

事实核查备注: 视频来源:Peter Yang YouTube 频道;嘉宾:Cursor 的设计负责人 Ryo Lu;产品名称:Cursor;核心概念:AI Agent、多模态(multi-modal);原话引用包括“Let’s hit build”“ran into a bug”“two types of browser integrations”“Figma doesn’t get much use”“the designer will start revoling”。