Figma把“原型”做成了编程语言,AI产品设计的门槛被悄悄抹平

AI PM 编辑部 · 2023年08月21日 · 3 阅读 · AI/人工智能

正在加载视频...

视频章节

很多人还在把 Figma 当画界面的工具,但这场教育版高级原型工作坊透露了一个反直觉信号:Figma 正在把“交互逻辑”下沉到设计层,用变量和模式,让不会写代码的人,也能构建接近真实产品的系统级原型。

Figma把“原型”做成了编程语言,AI产品设计的门槛被悄悄抹平

很多人还在把 Figma 当画界面的工具,但这场教育版高级原型工作坊透露了一个反直觉信号:Figma 正在把“交互逻辑”下沉到设计层,用变量和模式,让不会写代码的人,也能构建接近真实产品的系统级原型。

真正炸裂的不是免费,而是“原型=逻辑”的转向

这场名为《Figma for Edu: Advanced prototyping workshop》的视频,一开始看似很温和:教育用户、免费访问 Pro 功能、每月一次的教学工作坊。但如果你只记住“免费”,就错过了最重要的信号。

真正反直觉的是:Figma 不再把原型当成“点来点去的演示动画”,而是在明确暗示——原型可以承载逻辑,而且是可以被“编排”的逻辑。视频中多次强调 advanced prototyping,并不是炫技,而是在告诉设计者:你正在接触的,已经不是基础交互,而是下一层抽象。

对 AI 从业者来说,这一点尤其关键。因为 AI 产品的体验,往往不在“一个页面好不好看”,而在状态切换、条件判断、数据变化这些传统由工程掌控的部分。Figma 这次的方向,是把这些能力往前推,推到设计阶段。

变量登场:Figma 开始允许你“像程序一样思考”

视频的第一个核心转折点出现在一句看似平淡的话里:“let’s talk variables”。

在这个 workshop 中,Figma 明确展示了目前支持的四种变量类型。这里不需要展开每一种的技术定义,重要的是背后的设计哲学:界面中的文本、数值、状态,不再是静态的,而是可以被引用、被更新、被复用的。

视频里有一个非常直观的例子:购物车。通过变量,设计者可以让“商品数量”“总价”随着操作实时变化。过去,这种效果要么靠工程实现,要么靠设计师做十几个 frame 假装在动。现在,Figma 允许你用一种接近编程的方式,把逻辑写进原型。

这对 AI 产品意味着什么?意味着你可以在没有后端、没有模型接入的情况下,先把“智能行为发生时,界面应该如何反应”这件事演示清楚。变量让原型第一次具备了“状态感”,而状态,正是智能体验的核心。

Modes 与状态切换:复杂体验不再靠堆页面

如果说变量解决的是“数据怎么变”,那 prototyping with modes 解决的就是“系统处于什么状态”。

视频中演示了在不同模式下,同一个界面元素如何呈现不同行为。这一点非常容易被低估,但它恰恰击中了复杂产品的痛点:一个界面,在不同条件下,可能意味着完全不同的交互逻辑。

过去,设计师的解决方案通常很原始——复制一套页面,再复制一套,然后在评审时解释:“这里其实是同一个页面,只是状态不一样。”这种方法不仅难维护,也极易在团队协作中失真。

而 modes 的引入,相当于让设计师第一次可以正大光明地说:这是一个系统,有模式切换。对于 AI 应用来说,这几乎是标配能力——等待中、生成中、成功、失败、需要追问……这些状态如果只靠静态页面,是无法真实呈现的。

从“好看原型”到“可推演系统”,设计角色正在变化

视频后半段有一个容易被忽略但非常关键的信号:讲师反复提醒大家做笔记、标记自己的理解。这不是客套,而是因为 advanced prototyping 本质上是一种思维迁移。

当你开始使用变量、模式、条件触发,你已经不只是“在设计界面”,而是在构建一个可被推演的系统。你需要思考:如果用户多点一次会发生什么?如果某个值没被设置会怎样?如果状态消失,界面如何回退?

这正是 AI 产品团队里长期存在的断层:设计稿无法覆盖真实世界的复杂性,工程只能凭经验补全。而 Figma 这套能力,正在逼近一个新分工——设计先把逻辑走完,工程再决定如何实现。

对 AI 从业者来说,这意味着一个机会:你可以在不写代码的前提下,把智能交互的边界条件全部演示出来,让讨论更早、更具体。

教育版只是入口,真正的野心在产品开发流程

视频结尾提到,未来还会有更多内容更新。这句话本身并不重要,重要的是它出现的背景:这是一套已经成体系的能力,而不是一次性的教学展示。

把 advanced prototyping 放到教育体系中,本质上是在培养一代“会系统思考的设计者”。而当这些人进入行业,他们会天然期待工具支持变量、状态、逻辑。这种需求一旦形成,就会反过来改变产品开发流程。

你可以把它理解为:Figma 正在抢占“产品逻辑定义权”的上游。对 AI 产品尤为如此——谁先把行为定义清楚,谁就更接近真正可落地的智能体验。

总结

如果你是 AI 从业者,这场 workshop 的价值不在技巧,而在信号:设计工具正在快速吸收原本属于工程的抽象能力。变量、模式、状态,不只是 Figma 的新功能,而是产品设计语言的升级。

你的 takeaway 很简单:下次做 AI 产品原型时,别再满足于“像不像”。尝试用变量表达不确定性,用模式覆盖不同智能状态,把逻辑在设计阶段跑一遍。长期来看,最有价值的不是会不会画,而是谁能把复杂系统讲清楚。Figma 已经把工具递到你手里了,剩下的是你敢不敢用。


关键词: Figma, 高级原型, 变量, AI产品设计, 交互逻辑

事实核查备注: 需要核查:1)Figma 当前支持的变量类型数量;2)教育版是否提供 Pro 功能免费访问;3)该 workshop 的发布时间与官方页面信息;4)视频中关于 modes 与变量的具体功能表述是否与现版本一致。