Config 2023：Figma走向企业级，真有那么炸裂？

Config 2023 不知道大家看了没有？都说是设计师过年，我刷了刷推特，发现关注的设计师几乎都去了现场，包括 Joey 大神，不少人在忙着跟他「偶遇」并拍照发推。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

大会目前已经结束，我们先来看看这次 Figma 具体更新了什么，真有那么炸裂？文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

Variables 变量

一句话总结：划掉 Design Tokens，从此 Figma 只有 Variables。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

Config 2023 大会截图文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

Config 2023 大会截图文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

Figma 意在应用变量来支持创建适应性、拓展性强的设计（适合大型项目或设计系统搭建）。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

·颜色、数值、文本和布尔变量：支持颜色文本等具体属性变量，变量组织形式有 Collection（集合）和 Group（分组）两种。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

·模式变量：设计好亮暗模式 UI，定义好变量值，就可以一键切换。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

·插件和 REST API：变量的创建和管理，包括导入和导出到 Token。普通插件 API 完全开放，但 REST API（包括使用变量进行读取和写入）仅供企业版。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

个人感受：以上大多是插件早已实现的功能，只不过原生一直没消息，这次可好，不鸣则已，一鸣就把桌子整个给掀了！文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

Advanced prototyping 高级原型设计

一句话总结：高级的都是另外的价钱（免费版本不能体验）。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

Config 2023 大会截图文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

官方高级原型设计练习文件文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

这次的高阶原型功能主打一个「活好帧少」。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

·新的原型操作：通过设置和修改变量来达到减少关键帧和交互复杂度，以获得更好的动态原型。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

·解锁数学表达式：使用加、减、乘、除等运算符生成动态字符串或数值。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

·多重操作和条件逻辑：在触发交互前使用 if/else 逻辑判定是否满足条件，单个触发点可以触达多种操作，数量叠加无上限。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

个人感受：简单的输出背后是复杂的付出，原型更新是单看描述也觉得复杂的程度。操作指南更复杂，尤其是表达式部分，可以拿 playground 练练手，想要彻底掌握需要投入一定时间来学习。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

Dev Mode 开发模式

一句话总结：Figma 贴心支持开发者模式，设计师不用上传标注到第三方了！文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

Config 2023 大会截图文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

软件中预览文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

具体如下：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

·检查：hover 或单击 Figma 设计文件中的 UI 元素，以查看 UI 标注并获取切图等资源。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

·查看代码：可以选择查看 CSS、SwiftUI 或 Compose 代码，可使用插件自定义代码外观。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

·插件：提供丰富代码辅助插件，集成了 Jira、GitHub、Storybook 等平台。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

·设计系统：可以把开发资源链接添加到设计组件上，以保持来源同步。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

·设计状态：通过设计稿上的标签以及组件描述了解设计稿的完成状态，了解哪些设计页面可以开发，哪些还处于 WIP。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

·历史版本查看：可以查看设计稿历史记录，跟踪设计更新。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

Dev Mode 目前处于公测阶段，本年度免费使用，之后属于专业版付费功能（团队版按人头每人每月 25 美刀，企业版每人每月 35 美刀）。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

个人感受：标注常规查看是都 OK 的。至于代码部分，不是开发者，不能评估效果如何？不过看有些开发者说代码好像也不算很完美。但总归是有了这一步，以后迭代呗。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

另外还发布了最新版 VS Code 插件：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

开发者可以使用 VS Code 插件来检查 Figma 设计文件，选中一个控件元素可直接生成代码。可以与设计人员紧密协作并接收通知，而无需离开代码编辑器。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

VS Code 中的 Figma 插件已上线文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

VS Code 中查看设计稿文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

其他更新

一些零碎更新，Figma 称之为「可用性改进」。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

·更新自动布局：自动布局可换行，可设置最大最小宽度；更新了文本截断功能，允许根据最大行数截断文本。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

·更新字体选择器：增设字体预览，改进字体搜索功能。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

·更新文件概览：把账户、搜索、通知零碎入口都统一集结在了左侧栏，增设了共享项目和文件 tab。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

自动布局的改动让我想到了 Framer，推特上还真有人问「为什么 Figma 不收购 Framer？」文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

大部分网友回复都是：别了吧！文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

除了常规更新，大会上还宣布 Figma 收购了 Diagram ——一家专注设计和 AI 的公司。AI 终于要上车了，Figma 给出的应用场景是：帮助总结想法、提供设计建议、自动创建变体、生成多倍稿以及帮助生成代码等。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

Diagram 官网文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

一点小感想

炸裂吗？挺炸裂。但也不是没有可吐槽之处。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

字体预览是早就该有的，Dylan Field（Figma 的 CEO）解释说「有些事情花费的时间比预期要长」。所以，一个字体预览功能需要开发好几年？文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

Config 2023 大会截图文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

看完设计大会，直观感受就是：Figma 越来越像个专属企业级解决方案了！文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

有人抱怨 Figma 把 UI 设计搞得越来越复杂！但对企业级专业团队来说，这次的功能更新就像是量身打造，这钱花得那叫一个值！文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

这次的更新让很多设计师为之兴奋，但冷静想想，Figma 会不会正不自知地和 Adobe 全系产品一样，走在堆砌功能冗杂不堪的老路上了呢？这也是当时收购的新闻出来，大家之所以悲观看待的原因之一。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

另外，虽然 Figma 说推出 Dev Mode 是因为在他们的付费版本中，开发者的访问占比要高于设计师。但这也是一个很明显的信号——设计师与开发者的身份界限将越来越模糊。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

是不是设计师怎么也得学学前端，哪怕只是 CSS 入门？而工程师怎么也得学点 UX/UI，最起码要审美过过线？还是说 Figma 这类功能是利好独立开发者的，毕竟国外独立开发者众多。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html

目前来看，Figma 正朝着设计软件的上限狂卷功能中，UI 设计的门槛在不断提高，思维也需要不断升级，职业设计师的关注点不能还停留在仅仅讨论某个视觉效果酷不酷炫上。至少逻辑布局和设计系统概念是必修课，组件搭建和自动布局也是必修课，在此基础上再言其他。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/49150.html