上周 Figma Config 结束,整体反响不错。今年官方给了票我也没去,主要是确实失去兴趣了哈哈。
Figma 2026 更新了什么:
- Figma Motion:内置时间线和关键帧,可以直接在 Design 中制作、复用和导出动效。这么多年总算想起来做这个了。之前的内置动画一直被人诟病,折腾半天只能演示,根本进不了生产环境。不过目前还不能导出为 Lottie,功能也比较初级,估计还得迭代个一年半载。
- Weave Tools:之前收购的产品,估计来不及整合进 Figma,干脆单独拎出来卖,价格也不便宜。
- Code Layers:设计层一键转为可交互的代码层,画布上即可编辑、协作、双向同步。其实去年就有了,不算新东西。
- Shader Fills & Effects:通过描述或图像生成 WebGPU 着色器。被 Paper 抢走不少用户之后,Figma 终于也加入了 shader,加上同样支持 shader 的 Wonder,shader 基本成了新一代设计工具的标配。
- Generative Plugins:用自然语言描述即可生成自定义插件,降低了插件生态的门槛。
- Figma Agent 升级:更强的画布理解、Skills 打包、外部工具连接、团队共享等,能看出他们想把 Agent 做成 Figma 的第二增长曲线。
其实现在回头看,Figma 的股价一直被严重低估,企业营收也很健康。之前股价低迷,更多是受公司持有比特币的情绪拖累。而 AI 能力和核心功能都在稳步变好,长期不太可能被轻易取代。(不构成投资建议)
Resources↘
Hano | 3D Device Mockup & Animation Studio
浏览器内运行的 3D 设备 mockup 与动画工作室,可把截图一键转换为多种设备的 3D 场景,支持自定义屏幕内容、镜头动画与 4K 图片 / 短视频导出,面向产品展示场景。

Kevin — Creative mockup tool for designers
面向 AI 时代的设计 mockup 工具,可用描述生成自定义场景、交换背景与灯光、合并多张图像、一键上采,内置 200+ Mockup Lab 场景库,提供 Starter 与 Pro 两档订阅。

Gradient shimmer
渐变文字 shimmer 动画库,可自定义渐变预设、缓动曲线、速度、扩散范围、角度与停顿间隔,适合作为加载或高亮动效。

其他:
- glimm — shader-driven page transitions - 体积小于 10KB 的 React / Next.js 库,用 WebGL Shader 在路由切换时扫过一道光带,提供 6 套预设配色与多种缓动曲线。
- Cymatic Volume | Kevin Grajeda - Kevin Grajeda 做的可交互声波 / 粒子可视化实验,可调节波长、粒子数、不透明度,并支持暂停与捕捉画面。
- iOS and iPadOS 27 - Apple 官方在 Figma 社区上线的 iOS / iPadOS 27 UI Kit,覆盖 Liquid Glass、侧边栏色彩、滚动边缘特效等全新更新。
Cases↘
HAOQI©2026
上周我逆向了字节设计师的这个个人网站,估计给带来了不少流量。好久没见到做得这么华丽的个人网站了,非常多值得学习的动画交互。

Traycer AI
这个品牌设计,一看就是用 Paper 内置的 shader 做的。但整体还挺好。

其他:
- Alvin Leung - 交互设计师 Alvin Leung 的作品集,目前任职于 Amazon AI Interaction Lab,作品包含 What if?、TEDxSFU Microsite 等。
- maximilian kaspar – web and brand designer -
- Iverson - Soren Iverson 创立的全栈创意咨询公司,客户包括 Meta、Figma、Cash App、Coinbase、Duolingo、Rocket Mortgage、Thrive Capital 等。