这周掘金上一篇案例给了一个具体数字：16000 个粒子（按图片面积推算的安全采样上限）。一位前端靠 AI，用这些粒子在 Canvas（网页绘图工具）上复刻了原本必须由 UI 设计师在 AE（设计师常用的动效软件）里做的 Logo 粒子动画，全程没碰 AE、没找外包。值得关心的是——这种「一个人 + AI 顶一个工种」的故事，正在悄悄抹平中小企业跨岗位的边界。

这是什么

需求方要把登录页 Logo 动画换成新 Logo。原本的动画是 UI 设计师在 AE 里做完、用 Bodymovin 插件导成 JSON（Lottie 渲染所需的格式），前端再用 Lottie 渲染——改不了，只能重做。公司没有专职 UI，外包排期不可控。这位前端盯着动画看了几分钟后意识到：所谓「爆炸 → 聚拢」的丝滑效果，本质就是一个粒子系统（用一堆小点根据数学规则运动来模拟动画）。

他和 AI 结对，从一张 PNG 开始：扫描像素当粒子起点、给每个粒子算一个「家位置」和一个「爆炸位置」、用一个 0~1 的 progress（进度值）在两者之间插值。结果是同款效果：以后换 Logo 只改一行图片地址，不再依赖 AE 源文件。

行业怎么看

支持者把它看作「小工种填平」的典型案例：原本 UI + 前端两人配合一周的活，现在一个人加 AI 一天搞定；养不起专职 UI 的中小企业尤其受益。

也有反对意见：粒子动画只是前端能「碰巧」复刻的视觉表象，UI 的真正价值在交互设计、品牌一致性、设计系统沉淀——这些 AI 暂时插不上手；外包不可控的问题可以用 SLA（服务水平协议）和项目管理去治，不必绕到 AI 这条路。

还有一种风险提醒：本文的复刻建立在「已知动画长什么样」做逆向，重在复刻；从零设计一个新动效，AI 目前仍提不出原创方案——用 AI 干活和用 AI 创造，是两件事。

对普通人的影响

  • 对企业 IT：依赖 AE / Sketch / Figma 源文件的设计资产，会逐渐被「用代码重写」取代；前端要开始补设计基础，UI 要开始补代码基础。
  • 对个人职场：跨岗位的「小活」正在变成「通用技能」——只靠单一工种吃饭的人，需要准备一个相邻技能作为备份。
  • 对消费市场：换 Logo、改 Banner 这种小修改会越来越快、越来越便宜；但页面整体的「品牌感」也可能因为人人可改而变得同质化。