正在加载视频...
视频章节
这期对谈中,Figma AI 产品负责人 David 亲自演示了 Figma Make:一个可以从截图、图片或简单提示直接生成高保真原型的 AI 工具。文章还原了真实演示细节,并拆解了它背后的产品哲学、AI 决策方式,以及为什么它可能改变设计与开发的协作方式。
从一张图到可运行原型:Figma Make 如何重塑 AI 设计流程
这期对谈中,Figma AI 产品负责人 David 亲自演示了 Figma Make:一个可以从截图、图片或简单提示直接生成高保真原型的 AI 工具。文章还原了真实演示细节,并拆解了它背后的产品哲学、AI 决策方式,以及为什么它可能改变设计与开发的协作方式。
为什么 Figma Make 值得关注:原型不再是“画出来的”
在这期节目一开始,主持人 Peter Yang 就把问题抛给了 David:如果只给你一张截图或一句话,AI 能不能直接帮你“做出”一个可用的产品原型?Figma Make 给出的答案是肯定的。它不是传统意义上生成几张静态界面,而是一个真正可交互的原型工具。
David 在演示中反复强调,Make 的起点非常低:“Figma make is a prototyping tool that can start with a simple prompt with a screenshot or with mock-ups。”这意味着设计师不必先把所有组件画完整,只要有一个大致方向,AI 就可以帮你快速搭建出一个看得见、点得动的雏形。
这一点之所以重要,是因为原型往往是设计和产品讨论中最耗时、但价值又极高的环节。Make 的目标不是取代设计师,而是把他们从重复的搭建工作中解放出来,把精力用在判断和决策上。正如 David 所说,Figma 认为自己“会是从设计出发,做到高保真体验的最佳起点”。
从图片到体验:现场演示里的关键瞬间
在节目中,最有说服力的部分来自实时演示。David 直接从一张图片开始,让 Make 自动生成对应的界面结构和视觉样式。几秒钟后,一个与原图高度相似、但已经可以交互的原型就出现了。
Peter 当场的反应非常真实:“It looks exactly like the image。”这不仅是外观相似,更重要的是整体布局、层级和使用感觉都被保留下来。对于快速验证想法来说,这种“所见即所得”的体验极具冲击力。
另一个细节是占位图片的处理。Peter 好奇这些图片从哪里来,因为它们在早期沟通中非常关键。David 的回应没有展开技术细节,但明确指出目标是“非常快的起步”,让团队能迅速形成对产品感觉的共识。正如演示中所呈现的那样,从一张图出发,几分钟内就能“突然对它将如何看和如何用有了更好的感觉”。
设计与代码的桥梁:多模态和“可跳转”的价值
Make 不只是生成界面,它还试图解决设计和工程之间长期存在的断层。在演示中,David 展示了一个关键能力:你可以点击某个设计组件,直接跳转到对应的代码部分。
这背后体现的是多模态能力——模型同时理解视觉结构、设计语义和代码表示。对于设计师来说,他们不需要写代码;但对于工程师来说,这个原型已经具备了可追溯性,而不是一次性的视觉产物。
更进一步,Figma 的“多人优先”理念也被完整保留了下来。David 提到:“you can go ahead and update that code live and I'll see that updated on my end。”也就是说,代码的修改可以实时反映在设计侧。这种同步能力让原型第一次真正成为跨角色协作的中心,而不是设计阶段的临时文件。
做 AI 产品最难的地方:判断何时“差一点点”
当话题从演示转向产品构建本身时,David 给出了一个非常坦诚的回答。他认为,最难的并不是让 AI 做出结果,而是判断结果“为什么现在不太对了”。这种“差一点点”的问题,往往最消耗团队精力。
他解释说,Make 的很多行为其实是“基于你的起点在做决策”。起点不同,AI 的理解和输出路径都会发生变化,这也让评估变得复杂。因此,团队非常依赖真实用户反馈,以及 AB 测试来观察用户的实际行为,而不仅仅是模型指标。
在节目的后半段,David 还谈到了所谓的“vibe coding”——并不是严格指令式的提示,而是更灵活、更符合人类直觉的交流方式。他们希望系统“简单到容易理解,又足够灵活”,这也反映了 Figma 在 AI 上的长期方向:不被现有工具限制,而是持续加快迭代节奏。
总结
整场对谈传递出一个清晰信号:Figma Make 并不是一个炫技型 AI 功能,而是围绕真实设计流程打磨的工具。从截图到高保真原型、从设计到代码、从个人创作到多人协作,它试图压缩每一次迭代的时间成本。对设计师和产品人来说,最大的启发或许在于:AI 的价值不在于替你做决定,而在于让你更快地看到选择的结果。
关键词: Figma Make, AI 原型设计, 多模态, 提示工程, 设计与代码协作
事实核查备注: 视频人物:David(Figma AI 产品负责人),主持人:Peter Yang;核心产品名:Figma Make;关键概念:从截图/图片生成原型、多模态、设计与代码跳转、多人实时协作;引用原话需核对英文原句上下文