作为全球最受欢迎的产品设计平台之一，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 官方网站