Figma 的矢量设计，正在偷偷改变 AI 产品的「最后一公里」

很多 AI 从业者都在卷模型、卷推理、卷算力，却忽略了一个事实：真正决定用户体验的，往往是界面里那些“看不见的细节”。这支 5 分钟的 Figma 官方视频，讲的不是画图技巧，而是一整套足以影响 AI 产品落地质量的矢量思维方式。

反直觉的一点：Figma 里的“合并”，其实从没真正合并

视频一开始就抛出一个极具反直觉的事实：在 Figma 里做 Boolean Operations（布尔运算），你以为自己得到了一个“新形状”，但实际上，底层的每一个原始图形仍然活着。

无论是 Union、Subtract、Intersect 还是 Exclude，看起来像是一次性的合成操作，本质却是“非破坏式”的。你随时可以展开结构，选中底层形状继续编辑，甚至动态拖动，实时看到最终形态的变化。

这对 AI 产品设计非常关键。很多团队在设计流程里犯的错误是：早早把设计“拍死”，变成不可回退的静态资产。但 Figma 的布尔运算更像是可微分的设计状态——它允许你在需求变化、交互调整时，持续微调，而不是推倒重来。

一句话总结这一段的核心金句是：你以为你在“画图”，其实你在“建模”。

Vector Network：这不是画线工具，而是一种图结构思维

真正让 Figma 和传统设计工具拉开代差的，是它的 Vector Network。

在视频中，Raji 展示了一个关键能力：多个线段、多个节点，可以连接到同一个点，而不是被强制拆成一条条独立路径。这听起来像是小优化，实际上是一种结构性变化。

如果你是 AI 从业者，这个概念应该非常熟悉——这不就是图结构吗？一个节点可以有多个边，而不是线性链表。它带来的直接好处是：
- 修改某一段线，不会破坏整体结构
- 可以局部删除线段，而不是整个形状崩掉
- 通过 Command + J 或 Command + Shift + J，精确控制“连接”与“曲率继承”

更狠的是 Corner Smoothing。你可以在“数学型圆角”和“iOS 风格圆角”之间连续过渡。这意味着，视觉语言不再是非黑即白的设计选择，而是一个可调参数空间。

对于 AI 产品来说，这直接决定了界面是“工具感”还是“系统感”。而这种差异，用户是能一眼感知的。

高手都在用的隐藏操作，其实决定了产品的专业感

视频后半段几乎是“快捷键轰炸”，但这些细节，正是专业团队和普通团队的分水岭。

比如：
- 用 Pen Tool 在正中间自动吸附节点，快速构建对称结构
- 用 Shift + Delete 实现“delete and heal”，删点但不破形
- 按住 Command 使用 Bend Tool，直接在已有线段上塑形
- Option + 拖拽克隆线段，像复制参数一样复制几何结构
- 用像素网格对齐 Bezier Handle，做出真正几何对称的曲线

这些操作的共同点只有一个：它们都在减少“人为误差”。

AI 产品已经足够复杂了，如果在 UI 层面还充满不一致、不精确、不可维护的设计结构，最终一定会被放大成体验问题。Figma 的这套矢量能力，本质上是在帮你把“设计的不确定性”压缩到最低。

总结

这支 5 分钟的视频，表面上讲的是矢量、节点和快捷键，真正讲的却是一种适合复杂系统的设计方法论：非破坏、可回退、结构化、参数化。

如果你在做 AI 产品，无论是 Copilot、Agent 还是内部工具，都值得问自己一个问题：你的界面，是一次性产物，还是一个可以持续演化的系统？

从今天开始，别再把 Figma 当画图软件，用它像搭模型一样搭界面。你会发现，很多体验问题，其实在设计阶段就已经被“算”出来了。

关键词： Figma， 矢量设计， Boolean Operations， Vector Network， AI产品设计

事实核查备注： 需要核查：视频标题《Figma in 5： Vectors II》、发布时间 2020-11-24、主讲人 Raji、功能名称如 Boolean Operations、Vector Network、Corner Smoothing、快捷键 Command+E / Command+J / Shift+Delete 的准确性