Figma Draw 的这次更新，正在偷偷改变原型动画的天花板

大多数人还把 Figma 当成静态设计工具时，Figma 自己已经在用 Draw 把“情绪”“质感”和“运动”塞进原型里了。这支 10 分钟不到的视频，展示了一种几乎反直觉的做法：用文字做笔刷、用模糊做运动、用原型做情绪。

最反直觉的一步：把“文字”变成“笔刷”

视频一开始就给了一个很多老用户都没意识到的能力：在 Figma Draw 里，任何被扁平化（flatten）的向量，都可以直接变成 Brush。Miggi 的做法很激进——不是画纹理，不是画图案，而是直接把一整段排好版的文字 outline 掉，union 之后 flatten，然后右键 Create Brush。

这一步的意义不在于“炫技”，而在于思路转变。文字不再是信息载体，而是一种“可拉伸的形态素材”。当这个 Stretch Brush 被应用到圆形描边上时，文字自然地沿着路径流动，瞬间从 UI 设计，跨进了动态图形的领域。

对 AI 从业者来说，这种思路非常熟悉：把原本高语义的东西（文本），降维成可复用的结构单元。就像我们把自然语言 token 化、embedding 化一样，Figma Draw 正在把设计元素模块化、可编程化。

Progressive Blur + Texture：不是模糊，是“运动感”

真正让效果“活”起来的，不是旋转，而是 Progressive Blur。Miggi 没有用传统的 motion blur，而是把模糊当成一种空间渐变：有起点、有终点，而且是可以被移动的。

当模糊的起止点在不同帧里被推到上、左、下、右四个方向时，你看到的已经不是简单的切帧动画，而是一种持续旋转的视觉错觉。更关键的一步，是给这个模糊区域叠加 Texture，并且勾选 clip to shape——纹理只存在于“被模糊的部分”。

这是一个非常“设计师脑洞”的操作：模糊不再是退场效果，而是主角；纹理不再是装饰，而是用来强调运动轨迹。换个视角看，这和我们在生成式模型里用 noise 引导结构，其实是同一套审美逻辑。

原型不再是“跳转”，而是连续状态机

最后的原型设置，几乎可以当成一堂“Figma 状态机速成课”。四个 frame，每个 frame 只改一件事：Progressive Blur 的位置。然后用 after delay（1ms）+ smart animate + linear curve，把它们串成一个闭环。

这里有两个容易被忽略的细节。第一，action 选择 navigate + destinations mix，而不是单一跳转，意味着你在描述的是一组状态之间的连续变化。第二，linear curve 的选择，让动画看起来像一个永不停歇的系统，而不是被触发的事件。

这对 AI 产品设计尤其重要。越来越多 AI 界面，本质上不是“点一下发生什么”，而是“系统正在持续思考、生成、变化”。这种用极少帧数模拟持续过程的方法，非常值得借鉴。

总结

这支视频真正厉害的地方，不在于某个炫酷效果，而在于它展示了一种新的原型观：原型不是演示流程，而是表达“感觉”和“系统状态”。如果你在做 AI 产品、生成式工具、甚至只是一个需要“等待”的界面，都可以从中学到三件事：第一，把高层语义元素拆成可复用的形态；第二，用模糊、纹理这种“非功能性属性”去暗示系统行为；第三，用原型去模拟连续变化，而不是点击结果。下次做设计时，不妨问自己一句：这个界面，有没有办法让用户“感觉到它在动脑子”？

关键词： Figma Draw， 原型动画， Progressive Blur， 设计工具趋势， AI 产品设计

事实核查备注： 需要核查：视频标题《Figma Tip： Expressive prototyping with Figma Draw》、作者 Miggi（Figma Config）、发布时间 2025-05-21；功能名称 Create Brush、Stretch Brush、Progressive Blur、Texture、clip to shape、smart animate；快捷键 option+shift+F（flatten）。