最近我相信非常多的设计师都尝试到了 Figma 的 UI3 界面，这一次变化幅度之大，后分以至于很多设计师在朋友圈里吐槽，析解感觉自己接受不了。读F的重

想到 Figma 目前的界面处境其实和很多 B 端产品非常类似：经过 10 年的发展 ，增加了太多新的磅改版功能，但整个产品的深度交互逻辑并没有发生太多的改变，导致你会发现现在的体验 Figma 编辑器过于臃肿。

那我作为一个深入使用 Figma 多年的后分用户，来和大家聊聊 Figma 为什么会做这一次"颠覆性"的析解更新  ，以及我对于它更新变化过后的读F的重整体思考 。

一、界面Figma UI3 的磅改版具体变化

首先我们先给不了解的同学科普一下，UI3 这次页面主要改变了什么？深度

全新的 UI3 界面整体的感觉是简化
，减少了无用信息的出现 ，增加了编辑内容的空间，使你更沉浸的工作。视觉风格上利用卡片、纯白作为视觉核心 
，与之前讲到的视觉风格趋势契合，并对系统中的许多图标进行了重新设计，使整体页面看上去更为简洁 
。

同时对于 导航面板、工具栏、属性面板 也做了详细的调整，我们具体来看：

1. 导航面板：

在导航面板中
，Figma 将内部信息进行重构，使其产品存储逻辑更为清晰 。

因为 Figma 本身分为 团队/文件/页面/图层 四个维度，之前是将 文件目录放置在顶部居中处，现在是将文件目录位置与左侧的导航面板合并，这样整体的路径会更为清晰。

同时与文件相关的操作 ，如发布、分支、历史记录等 ，都收折到文件路径处，整体的关系会更为清晰。

2. 工具栏：

在工具栏中，主打的就是提升核心内容展示空间  。

因为日常使用的工具本身不会太多 ，将其移动到底部过后，能够有更多的空间展示你的内容区域。同时在交互的动线当中，向下移动也会比较便利。

不过由于我自己是将 Mac 当中 Dock 栏进行隐藏，因此在移动过程当中容易误操作
，这一点还需要再适应适应
。

3. 属性面板：

对于属性面板 ，首先用户可以拖拽自定义属性面板的大小，其次它重构了属性内容 ，比如创建 components，现在是直接聚合到了统一的区域，可以自定义调整标签的展示或隐藏 ，各个属性配置重新调整，设定更为细致

这里不得不提一下针对小屏幕尺寸进行优化，因为绝大多数的设计师日常工作是都会使用 MacBook ，编辑空间本身不太够用，现在可以将 导航面板、属性面板 收起，会在适当的情况下呼出，这对于笔记本设计师可以说是巨大提升 。一定要试试！

二、迭代背后的原因

对于一个 B 端产品而言，它的任何变化都是有背后的原因，同样 Figma 也是如此 。

1. 新功能铺路 ：

你会发现，前几年 Figma 的所有更新其实都是基于现有功能再进一步深化
，直到最近发布的 AI 功能。由于这个功能过于的重要，因此回去考虑通过一些变化来引导用户快速使用 AI 。

就有点类似于之前 微信的大版本迭代，往往都会伴随着一些游戏功能，目的也是能够让用户快速上手、使用新的版本。

2. 交互统一：

目前 Figma 整个产品包含 Figma
、FigJam、Slide。如果是一个设计师 ，也会考虑尽可能将所有交互进行统一，这样能够让用户使用一致。

就像 Office 的全家桶，你会发现看到他们的页面就知道是 Office 的产品一样 ，Figma 其实也是这样想的。

因此在交互上，沿用了 FigJam 整体的布局方式，向上迭代 Figma 编辑器，向下满足 Slide 的产品需求 ，同时解决了之前 Figma 的疑难杂症，能够让更多的新用户使用 Figma 的完整产品，创造出更多的价值。

3. 商业考量：

由于之前 Adobe 收购的失败 ，Figma 作为一款设计软件，也需要考虑"出圈"和"变现" 。变现我们能理解  ，最近的 code mode 其实就是一个非常典型的变现方式。出圈则是想要将 Figma 的野心由之前的做设计工具，也在逐步转变为做办公工具，为此就要考虑针对很多普通用户进行的一系列优化。而目前交互统一就是它这个优化最好的呈现
。

最后说说这次迭代改版，我认为 Figma 就是为我们提供了一块白板，用户能够在里面自由发挥 ，操作各种信息 。当我把各个面板隐藏，此时此刻我真的专注进了页面当中 ，进行信息编辑 。

当然，我相信这套布局后续一定会成为一个趋势，很多产品都会相近跟进 。对于这次的迭代我自己认为还是十分满意，你觉得呢？

作者： CE青年Youthce