一个被严重低估的能力：Figma 正在把「视频」变成原型武器

很多人以为 Figma 里的视频只是“能放进去播放”。但这个官方教程展示了一件更反直觉的事：视频正在成为交互原型的核心逻辑，而不是装饰素材。从自动播放、悬停预览，到与 Smart Animate 深度耦合，这套能力足以改变你做产品验证的方式。

最反直觉的一点：视频在 Figma 里不是媒体，而是交互状态

大多数设计师第一次接触 Figma 视频功能时，都会下意识把它当成“GIF 的升级版”。但教程一开始就点破了一个关键认知：在 Figma 里，视频和图片一样，是一种“填充方式（Fill）”，而不是独立的播放器组件。

这意味着什么？意味着视频可以被裁剪、重定位，塞进任何形状里；更重要的是，它可以直接参与原型交互。默认状态下，视频就已经具备自动播放、循环、声音控制这些“行为属性”。你不是在给界面加一个视频，而是在给界面增加一个会动、会响应的状态。

这个设计哲学非常 Figma：不引入新概念，而是把视频融进既有的 Fill、Prototype、Variant 体系里。结果是，视频不再是展示素材，而是交互的一部分。很多人忽略了这一点，也就错过了它真正的价值。

一个简单例子，暴露了视频原型的真正威力

教程里的第一个例子是一个看似普通的社交媒体信息流：打开页面，视频自动播放，点击可以暂停/继续。

实现方式却异常“干净”：矩形作为占位层 → Fill 选择 Video → Prototype 里直接绑定“on tap → play/pause video”。没有额外组件，没有复杂逻辑。

这里真正值得注意的不是操作步骤，而是产品层面的启示：你已经可以在原型阶段，模拟用户对内容的真实感知节奏。什么时候视频开始播放？用户打断内容的成本有多低？这些过去只能靠工程实现、A/B 测试才能验证的问题，现在在设计稿里就能被讨论。

对 AI 产品尤其重要。无论是 AI 教学、生成式内容展示，还是 Agent 行为回放，“时间维度”的体验往往决定用户是否看得懂、愿不愿意继续用。视频原型，第一次让这种体验在设计阶段就可被精确讨论。

真正拉开差距的，是视频 + 组件 + Smart Animate

教程的后半段，才是很多资深设计师都会眼前一亮的部分：视频不只是播放，而是和交互组件、Smart Animate 深度绑定。

在学习平台的例子里，视频缩略图在 hover 时自动播放预览，鼠标移开又恢复静态状态；点击后，缩略图通过 Smart Animate“变形”为完整播放器，而且视频从头播放。这一切成立的前提，不是写逻辑，而是三个看似枯燥的细节：

第一，组件变体的层级和命名必须严格一致；第二，用 0% opacity 而不是增删图层来制造过渡；第三，是否勾选“Reset video position”，决定了视频是连续体验，还是每次都是一次新的叙事。

这些细节背后，其实是一种新的原型思维：视频本身也有状态、有生命周期，而设计师第一次可以明确地“编排”它。对复杂产品来说，这比单纯的页面跳转重要得多。

从原型到产品：为什么这对 AI 从业者尤其重要

如果你在做 AI 产品，会发现越来越多的核心体验是“过程”，而不是“结果”：模型如何一步步生成？Agent 如何执行任务？系统如何在失败时自我修正？

文字和静态图很难表达这些过程，但视频原型可以。通过自动播放、悬停预览、点击控制，你可以在没有一行代码的情况下，让团队、投资人、甚至用户“感受”一个 AI 系统将来会如何工作。

Figma 这套视频能力，本质上是在降低“时间型体验”的表达门槛。谁先用好它，谁就能更早发现体验问题，也更容易讲清楚自己在做什么。

总结

这支教程真正传递的信息不是“Figma 支持视频了”，而是：原型正在从“页面说明书”进化为“体验模拟器”。视频让设计第一次具备了时间、节奏和连续性的表达能力。

如果你是 AI 从业者，建议你下一次做原型时问自己三个问题：这个体验有没有时间维度？用户什么时候会打断？什么时候应该从头再来？然后，用视频原型把答案做出来，而不是写在文档里。很可能，你会比别人更早发现那个真正决定产品成败的细节。

关键词： Figma， 视频原型， Smart Animate， 交互设计， AI 产品体验

事实核查备注： 需核查：视频发布时间为 2022-10-24；视频功能在 Figma 中作为 Fill 使用；默认视频属性为 autoplay/loop/sound on；交互选项名称如 on tap、play/pause video、reset video position。