上周 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 图片 / 短视频导出,面向产品展示场景。

An image to describe post

Kevin — Creative mockup tool for designers

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

An image to describe post

Gradient shimmer

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

An image to describe post

其他:

  • 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

上周我逆向了字节设计师的这个个人网站,估计给带来了不少流量。好久没见到做得这么华丽的个人网站了,非常多值得学习的动画交互。

An image to describe post

Traycer AI

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

An image to describe post

其他:

  • 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 等。