作为全球最受欢迎的产品设计平台之一，Figma近年来已经从单纯的UI设计工具逐步发展为覆盖设计、开发、协作和产品交付的综合性平台。

近日，Figma正式发布一系列重磅更新，包括：

  • 原生代码层（Code Layer）
  • 动画与转场能力升级
  • 3D变换支持
  • Weavy AI工作流生成系统

此次更新被认为是Figma近年来最重要的版本升级之一，不仅进一步缩短了设计与开发之间的距离，也标志着AI正在深入融入产品设计全流程。

对于UI设计师、UX设计师、前端开发者以及产品团队而言，这次升级有望重新定义数字产品的设计与交付方式。

Figma为何受到全球设计团队欢迎？

Figma已经成为全球设计行业的重要工具。

目前广泛应用于：

  • UI设计
  • UX设计
  • 产品原型设计
  • 设计系统管理
  • 团队协作开发

相比传统设计软件，Figma最大的优势在于：

  • 云端协作
  • 实时同步
  • 跨平台使用
  • 开发交付便利

随着产品设计复杂度不断提升，Figma也在不断扩展能力边界。

此次更新则进一步强化了其“设计到开发”的完整工作流能力。

原生代码层（Code Layer）正式上线

本次更新最受关注的功能之一，是Figma推出的：

Code Layer（原生代码层）

长期以来，设计师与开发者之间始终存在一道“交付鸿沟”。

传统流程通常是：

设计师完成设计稿

↓

导出标注

↓

开发者重新实现

↓

反复沟通修改

这一过程中经常出现：

  • 视觉还原误差
  • 组件不一致
  • 开发成本增加
  • 沟通效率下降

Code Layer的出现正是为了解决这一问题。

什么是原生代码层？

简单来说，设计稿中的元素不仅仅是视觉对象。

它们还可以直接关联真实代码逻辑。

例如：

UI组件

按钮、表单、导航栏等组件能够映射实际代码。

设计系统

设计与开发共享同一组件体系。

前端实现

开发者能够直接理解设计结构。

产品交付

减少设计稿到产品之间的转换成本。

这种模式进一步推动设计与开发流程融合。

设计与开发协作进入新阶段

过去几年，行业一直在探索：

如何让设计稿更接近最终产品？

Code Layer正是这一方向的重要尝试。

它带来的变化包括：

  • 减少重复开发
  • 提高交付效率
  • 降低沟通成本
  • 提升设计一致性

对于大型团队而言，这种能力尤其重要。

当设计系统与代码系统能够保持同步时，产品研发效率将显著提升。

动画能力全面升级

除了代码层之外，Figma此次还增强了动画能力。

过去设计师往往需要借助：

  • After Effects
  • Principle
  • ProtoPie
  • Framer

等工具制作复杂交互动效。

而现在，Figma开始将更多动画能力直接集成到平台内部。

支持动画与转场效果

新版支持：

页面转场

实现更加自然的页面切换。

元素动画

支持组件状态变化。

微交互设计

提升用户体验细节。

时间轴控制

更加灵活的动画编辑能力。

对于产品原型设计而言，这意味着设计师能够在同一平台完成更多工作。

新增3D变换支持

近年来，越来越多产品开始采用：

  • 3D界面
  • 空间交互
  • 沉浸式体验

为了适应这一趋势，Figma新增了：

3D Transform（3D变换）

设计师可以直接在设计环境中实现：

  • 旋转
  • 透视
  • 倾斜
  • 深度变化

相比传统二维设计，3D能力能够帮助团队更真实地预览最终产品效果。

对于：

  • Web设计
  • APP设计
  • 品牌视觉设计
  • 营销页面设计

都具有较高实用价值。

Weavy工作流生成系统上线

本次更新另一项重要能力来自：

Weavy AI 工作流生成系统

AI已经逐渐成为设计流程的重要组成部分。

而Weavy则进一步提升了设计自动化能力。

Weavy是什么？

Weavy是一套AI驱动的工作流生成系统。

用户只需描述需求：

例如：

“设计一个电商商品详情页”

“创建一个项目管理后台”

“搭建用户注册流程”

AI即可自动生成对应工作流结构。

包括：

  • 页面逻辑
  • 组件关系
  • 用户流程
  • 设计框架

帮助团队快速完成产品规划。

AI开始参与产品设计流程

过去AI主要帮助设计师：

  • 生成图片
  • 生成文案
  • 辅助设计

而Weavy更进一步。

它开始参与：

  • 产品规划
  • 用户体验设计
  • 工作流构建
  • 页面结构生成

这意味着AI正在从设计助手逐渐转变为设计协作者。

对于产品经理和设计团队而言，可以显著缩短从想法到原型的时间。

Figma正在向产品研发平台演进

此次更新释放出一个明显信号：

Figma不再只是设计工具。

而是在向完整产品研发平台发展。

目前Figma已经覆盖：

设计

UI与UX设计。

原型

交互与流程验证。

协作

团队实时协同。

开发

代码层与组件管理。

AI

工作流与自动生成能力。

未来设计与开发之间的边界将进一步模糊。

对设计师有哪些影响？

对于设计师来说，此次升级最大的价值在于：

更少工具切换

更多工作可以在Figma内部完成。

更高交付效率

设计与开发协同更加顺畅。

更强动效能力

无需依赖第三方工具。

AI辅助创作

缩短设计周期。

对开发者有哪些价值？

对于开发团队而言：

理解设计更容易

代码层减少信息损失。

提升开发效率

减少重复实现工作。

统一组件体系

设计系统与开发系统同步。

降低维护成本

减少跨团队沟通压力。

数字产品设计进入智能化阶段

随着AI持续融入设计行业，产品研发流程正在发生变化。

过去：

需求 → 设计 → 开发

未来可能变成：

需求 → AI工作流 → 设计优化 → 开发实现

Figma此次更新正是这一趋势的重要体现。

通过Code Layer、动画系统和Weavy工作流能力，设计与开发正在被整合到同一个智能平台中。

总结

Figma此次重大更新带来了原生代码层、动画设计支持、3D变换能力以及Weavy AI工作流生成系统，进一步强化了设计、开发和AI协同能力。Code Layer让设计稿与真实代码建立连接，动画与3D能力丰富了交互设计表现形式，而Weavy则帮助团队利用AI快速生成产品工作流和页面结构。

对于UI设计师、产品经理、UX团队以及前端开发者而言，这次升级不仅提升了工作效率，也预示着数字产品研发正在进入更加智能化、自动化的新阶段。

官网链接

Figma 官方网站