最近我相信非常多的设计师都尝试到了 Figma 的 UI3 界面，这一次变化幅度之大 ，后分以至于很多设计师在朋友圈里吐槽 ，析解感觉自己接受不了。读F的重
想到 Figma 目前的界面处境其实和很多 B 端产品非常类似 ：经过 10 年的发展，增加了太多新的磅改版功能 ，但整个产品的深度交互逻辑并没有发生太多的改变 ，导致你会发现现在的体验 Figma 编辑器过于臃肿 。
那我作为一个深入使用 Figma 多年的后分用户 ，来和大家聊聊 Figma 为什么会做这一次"颠覆性"的析解更新 ，以及我对于它更新变化过后的读F的重整体思考 。
首先我们先给不了解的同学科普一下 ，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
关注微信
.jpg)
.jpg)
.jpg)
