一个Figma组件，暴露了AI从业者的系统设计盲区

一个看似“只是做轮播图”的Figma教程，却在设计圈掀起了更大的涟漪：它展示的不是UI技巧，而是一种高度接近AI系统设计的组件化思维。看懂这个交互组件，你会突然意识到，很多AI产品其实从一开始就设计错了。

最反直觉的点：这不是轮播图，而是“可复用的行为系统”

乍一看，这个视频教的是一件再普通不过的事：在 Figma 里做一个可以拖拽的图片轮播。但真正反直觉的地方在于，Miggi 从一开始就强调：我们不是在做页面，而是在做一个“一次定义、无限复用”的交互组件。

这个 carousel 并不是三张图+三个连线，而是一个 component set：同一组内容，在不同 variant 下呈现不同“视角”。拖拽不是页面之间的跳转，而是组件内部状态的切换。

这一点对很多 AI 从业者来说非常刺眼。因为我们太习惯把“交互”理解成流程（flow），却忽略了它也可以是一个有状态的对象（stateful object）。Miggi 的做法，本质上是在 Figma 里实现了一个小型状态机：Gallery 1、2、3 是状态，on drag 是触发器，smart animate 是状态迁移的表现。

如果你做过 AI 产品，这一幕会异常熟悉——这和一个 prompt template 在不同上下文下复用，几乎是同一种思想。

真正的高手操作：用 Variant 管理“状态空间”

视频中最容易被低估的一段，是 Miggi 创建并重命名 variants 的过程。

他没有把三个画面当成三个页面，而是明确告诉你：这是同一个组件的三种状态。于是才有了后面一系列“高级但合理”的操作：
- 通过 frame 的 bounds 决定当前可视区域
- 通过整体平移子元素，来切换可视焦点
- 通过 unclip / clip 控制“是否给用户暗示还有内容”

这套方法的厉害之处在于：内容是连续的，但状态是离散的。你拖拽时看到的是连续动画，系统内部处理的却是明确的 Gallery 1 → Gallery 2 → Gallery 3。

这正是 AI 产品中最稀缺的能力之一：把连续的用户行为，映射到可控的离散状态。无论是对话轮次管理、工具调用，还是多模态切换，本质上都需要这样的状态建模。

Miggi 在 Figma 里做的，不是视觉魔法，而是一种“设计即系统建模”的示范。

Interactive Component：为什么这对AI产品尤其重要

Miggi 在视频里反复强调一个词：interactive component。这不是炫技，而是一种设计哲学。

交互被“封装”进组件之后，带来三个直接后果：

第一，行为和内容解耦。你可以随意替换图片、视频，甚至尺寸，但拖拽、动画、手感完全不变。这和把模型能力封装成 API，再在不同产品里调用，本质一致。

第二，规模化几乎是零成本的。视频后半段，他把同一个 carousel 拖进 iPhone Frame 两次，行为立刻成立。这种“复制即生效”的感觉，对做 AI 平台的人来说再熟悉不过——前提是你一开始就抽象对了。

第三，也是最容易被忽视的：调参能力。Miggi 手动输入贝塞尔曲线（.8，0，.2，1），批量修改所有交互的动画曲线和时长。这不是美学问题，而是体验的“超参数调优”。

很多 AI 产品的问题就在这里：能力不错，但“手感”糟糕。而手感，恰恰来自这种对细节的系统性控制。

从Figma到AI：这套思维能怎么直接迁移

如果你是 AI 从业者，这个视频至少能带走三条可直接迁移的原则。

一，把功能当组件，不要当页面。 无论是对话模块、搜索模块还是生成模块，先问一句：它有没有明确的状态？能不能被复用？

二，用 variant 思维管理复杂性。 与其在一个“超级 prompt”里堆条件，不如明确区分状态，让切换可视化、可控。

三，提前为规模化留接口。 Miggi 在一开始就把尺寸、约束、裁剪都考虑进去，所以后面才能随意拉伸、替换内容而不崩。这和做模型时预留 context window、tool slot 是同一个道理。

这个 carousel 教程真正的价值在于：它用一个极小的例子，展示了什么叫工程化的设计思维。

总结

如果你只把这个视频当成一个“Figma 小技巧”，那你可能会错过它最值钱的部分。Miggi 实际上演示的是：如何把交互、状态和复用，压缩进一个高度自洽的系统。

对 AI 从业者来说，这是一个危险又有启发的信号——很多我们以为是“模型不行”的问题，其实是系统设计阶段就输了。下一次你在设计 AI 产品或工作流时，不妨反问自己一句：这个能力，是不是也该先做成一个“interactive component”？

关键词： Figma， 交互组件， 组件化设计， AI产品设计， 系统思维

事实核查备注： 需要核查：视频发布时间（2023-05-10）；讲者是否为Miggi；所用贝塞尔曲线参数“.8，0，.2，1”；快捷键在macOS与Windows下的对应关系。