Figma 2025重磅更新！从UI到全能设计工具的跨越

Figma 每年的 Config 大会都会发布大量新功能。2024 年推出了新界面 UI3 和 Figma Slides（在 Figma 里制作 PPT 的功能）；2023 年则发布了开发者模式（Dev Mode™）和变量（Variables）。今年2025年的5大更新比往年更加重磅。不过一上午过去了，发现国内自媒体都没什么传播和讨论，可能是都在关注AI热点，又或者像我一样失业了觉得关注了也没什么用？

既然没人传播，那就由我来分享吧！

更多设计资讯：

一、Draw Mode——矢量绘图增强

Figma 一直专注于 UI 设计，但 UI 设计并不仅限于规整的组件"豆腐块"，还包括富有创意的手绘插画、艺术字体和精细图标等。以前这些工作需要依赖插件，甚至要打开 PS 或 Illustrator 来处理。

Draw 模式新增了动态笔触、文本路径等工具，支持创建复杂形状，让 Figma 逐步成为全能设计工具，大大减少了对外部工具的依赖。

具体来说，工具栏在原有的 Design 和 Dev 模式基础上，新增了 Draw 模式（虽然切换模式的动画有点慢得让人着急）。在 Draw 模式下，工具栏增加了三种不同的画笔，方便进行手绘创作。

在 Draw 模式下，图层面板的显示方式也有所改变：原本用于表示图层类型的图标现在变成了缩略图预览，让用户能更快地找到所需的手绘元素。

笔刷有大约 60 种不同的笔触。简单复杂的图形都不在话下。

所有元素的边框都可以切换为笔刷模式，轻松将整套 UI 转换成手绘风格。

之前 UI3 被吐槽的布尔运算功能也得到改进——原本藏在右上角对齐面板里非常不显眼且不方便，现在在Draw模式下选中矢量时，工具栏会自动显示布尔运算相关功能。

钢笔功能也有增强。比如工具栏上第二个图标是套索能快速圈中多个锚点。

第三个图标 Shape builder 能从矢量中快速添加和删除部分元素。以前得多次布尔运算才能解决的，一次就能搞定。

填充规律元素也变得更简单了 - 在填充模式中选择元素来源并设置排列规则，就能自动将选中的元素按照指定规律填充到目标区域。

最重要的是文字围绕路径功能终于内置了，不再需要插件。现在只要用文本工具选中线条，输入的文字就会自然地沿着线条排列。

另一个替代插件功能是对象复制排列——不仅支持旋转复制，还能沿直线复制对象。

复制排列的参数是动态的，你可以随时调整排列方式和数量。

二、Grid——网格自动布局

之前 Figma 的自动布局类似前端的 Flex 布局，是一维布局模型，一次只能处理一个维度（行或列）。你可以将元素排成一行或一列，但无法同时在两个维度上精准控制。这次新增的 Grid 布局则是二维布局模型，能同时在行和列两个维度上对元素进行定位和对齐，非常适合创建复杂的二维网格结构。

Grid 布局可以跨越多个网格列或行进行拉伸，不再局限于单个单元格。比如最近流行的苹果 Bento 布局，用 Grid 布局就能轻松实现。

Grid 布局是和前端打通的，因此在 Dev Mode 前端工程师能直接复制代码，节约了开发时间。

三、Buzz——品牌营销设计工具

在 Figma 里新增了一个文件类型。使得 Figma 不在局限于 UI 设计，把品牌营销设计也囊括进来了。

Buzz 让品牌设计师能够创建和共享品牌资产，团队成员可以随时快速调用。其简单的设计编辑器使营销人员和其他团队能轻松创建所需素材，包括社交媒体帖子、数字广告和活动材料等。

可以看到界面布局和 UI 设计不一样，功能都集成在左侧的侧边栏，底部工具条放置的工具很少。

设计的自由度不多，有点像 Canvas、搞定设计这种基于海量模板进行微调，当然如果你想自由设计，可以先用 Figma 的 Design 先设计好，然后再复制过来。

四、Make——AI生成可交互原型

通过文本描述或现有设计生成高保真可运行原型，让设计师无需编程即可创建交互式原型，向客户展示交互细节，缩短设计到开发周期。支持代码编辑和即时预览，基于 Anthropic 的 Claude 3.7 模型做的。

除了文本，你可以上传图片甚至将设计稿中的元素直接复制粘贴到 AI 聊天里。让 AI 更好的理解你的意图。但暂时还不支持基于指定的设计系统生成 UI。

在原型的预览界面，可以选择特定的元素，再用提示词让 AI 做针对性修改。

五、Site——设计稿转成响应式网站

支持将 Figma 设计稿一键生成带交互效果的响应式网站，这个功能显然是针对 Framer。

Framer 作为 UI 高保真原型设计工具的先行者，比 Figma 更早就致力于将 UI 设计直接转换为代码。但在 AI 出现之前，要生成代码就必须让设计稿严格遵循图层、命名和组件规范，设计师最好还要懂一些编程知识。这对追求创意自由的设计师来说实在太过困难。随着 Figma、Sketch 等 UI 设计工具逐渐主导市场，Framer 意识到想建站但不懂技术的企业用户比专业 UI 设计师更具市场潜力。凭借早期积累的交互设计技术优势（如动态组件、实时预览），Framer 巧妙地将动画和状态管理等功能与网站构建相结合，打造出独特的竞争优势。如今，Framer 已跻身全球建站工具市场第一梯队，去年营收更是达到了 1.2 亿美元。

Figma Sites 主要特点是能生成针对不同分辨率的响应式网站，可以随时从 Figma Design 复制粘贴设计元素。并且提供大量模板和组件加快建站效率。现在还只是生成静态网站，未来会提供 CMS 功能，让网站内容能动态更新。

六、其他功能更新

在设计画布和 FigJam 白板中增加了 AI 自动建议功能，如文本建议和内容填充功能；由 ChatGPT 最新图像生成模型支持的“制作和编辑图像”功能；FigJam 中的“语调调节器”和背景移除工具等。

通过新的"模板和工具"选项卡，你可以在文件浏览器中快速查找组织内部或社区分享的插件、小部件和模板。

总结

从这次发布可以看到，Figma 已不再是单纯的 UI 设计工具。

从用户角度来看，Figma 解决了设计师长期面临的工具割裂问题（如 Figma 设计→Framer发布→Canva修图）。通过整合全链路工具减少切换，Figma让公司内所有与设计相关的员工都能在同一平台上便捷协作。尽管增加了如此多的新功能，价格目前仍然保持不变。

从商业角度来看，这次多个新功能都在直接对标现有产品，直接挑战多个竞争对手：Draw 瞄准了 Illustrator、Site 对标 Framer、Buzz 直指 Canva。Figma 显然志在占领整个设计领域的统治地位。回想去年底监管机构否决了 Adobe 以 200 亿美元收购 Figma 的交易，如今看到这些更新，不禁让人感叹 Figma 正逐渐向另一个 Adobe 转变。

Figma正在重构设计工具边界，你会为这些新功能买单吗？欢迎在评论区分享你的看法！