干货|Figma 升级 AI 版!四大核心功能重磅发布!
⬆️ 关注「长弓小子」看更多设计干货!Hi,我是元尧。记得将我设为星标 ⭐️ ,不错过每一条来自大厂的设计经验分享。欢迎长按下图二维码加我微信,带你进设计师交流群,与上万小伙伴一起交流成长!「? 添加好友请备注:设计交流」 全文共 2117 字,阅读需要 8 分钟Figma 在 2025 年 Config 大会上发布了四项核心产品与功能升级,涵盖了从设计创作到开发落地的全流程,进
Hi,我是元尧。记得将我设为星标 ⭐️ ,不错过每一条来自大厂的设计经验分享。
欢迎长按下图二维码加我微信,带你进设计师交流群,与上万小伙伴一起交流成长!
「? 添加好友请备注:设计交流」
Figma 在 2025 年 Config 大会上发布了四项核心产品与功能升级,涵盖了从设计创作到开发落地的全流程,进一步巩固其作为综合设计平台的竞争力。本文就来为你盘点下这些最新功能及应用场景。
自由绘图与矢量编辑工具
这是 Figma 推出的全新矢量绘图套件,整合了专业级插画工具。你可以在 Figma 设计文件中直接使用多种笔刷、形状构建器、路径文本、动态描边等功能,并支持添加纹理和噪点效果,最大程度的减少设计师切换软件的负担:https://www.figma.com/draw/使用 Figma Draw 时,工具栏和侧边栏会发生变化,以提供一组以插图为中心的工具和属性。底部工具栏如下图:
右侧边栏将更改为插图相关属性的更简化视图,可以使用滑块控件来调整参数:左侧边栏中的 Layers 会显示图层内容的放大视觉预览。双击图层预览可直接缩放到画布上的该图层:AI 生成式设计工具
Figma Make 可以通过文本描述或现有设计,使用 AI 快速生成可交互的原型或完整应用。比如输入“电商首页”即可生成包含商品展示、导航栏等组件的布局,并自动填充真实内容(如占位文本)。用户可手动或通过 AI 提示调整设计元素。该功能显著降低了从创意到原型的门槛,适合 0-1 快速搭建的场景:https://www.figma.com/make/Figma Make 提供了一个简单的界面,有两个主要区域:AI 聊天区域和预览区域:在和 Figma Make 的 AI 聊天中,你可以分享 Figma 设计和图像,与模型交谈以生成产品的功能原型或 Web 应用程序,并通过提示进行迭代,还可以将现有设计中的框架和组件直接粘贴到 AI 聊天中:在 AI 聊天中写下你的对于产品的创意和想法,分分钟即可将这些想法变为现实,你可以继续在提示框中附加设计、图像和输入内容,以迭代对话结果:
你还可以使用 Figma Make 的编辑工具对 AI 生成的功能原型直接进行更改,可以执行更改填充、边距、颜色、文本属性等作:
品牌资产规模化生产工具
Figma Buzz 是一款面向品牌与营销团队的工具,支持快速创建并管理社交媒体素材、广告模板等品牌资产。非设计人员可在保持品牌一致性的前提下批量生成内容,例如调整文字、颜色或版式等。还可以使用 AI 功能辅助生成文案和多语言翻译。该功能目前处于试用版阶段:https://www.figma.com/buzz/使用 Figma Buzz 时,你可以使用画布来构建、编辑和管理资源,有幻灯片视图和全局视图两种阅览方式,底部中心的工具栏可帮助用户在画布中导航、添加和管理评论:Buzz 中的导航栏包括以下用于构建资源的创建工具:模板、文本工具和字体、上传或使用 Figma AI 制作的图像、组件和资产等:
使用导航栏中简单的单击和拖动创建工具即可构建和创建资源,也可以对图像的设计属性进行更精细的编辑,无需用户具备设计基础:Buzz 模板可以从预制的设计中(用户可以自己制作模版,也可以使用 Figma 官方提供的预制模版)快速创建资产,官方提供了社交媒体内容、广告、单页内容等:AI 驱动的一键式建站工具
Figma Sites 是设计+发布一体化的建站平台,你可以从 Figma 社区获取预设模板、页面布局和交互组件来构建网站雏形,将 Figma 设计稿直接转化为响应式网站,并通过 AI 优化代码、添加动画和交互元素。其核心优势在于无缝衔接设计与开发,设计师自己就可以完成网站的开发和上线发布,减少传统建站工具的中间环节:
https://www.figma.com/sites/Figma Sites 的地步工具栏包含创建站点所需的所有工具:添加网页、框架、图像、文本、形状和 Figma AI 工具等:左侧导航栏可帮助用户进行多个任务之间的快速切换、搜索和查看设计元素:右侧边栏可用于控制画布或网页中设计元素的外观、布局和排版:Figma Sites 在为不同的屏幕尺寸创建像素布局时,为用户提供了大量控制权。你可以添加页面的断点,并对所有断点下的内容进行编辑:设计稿完成后,只需点击任何网页上的“预览”图标,或按键盘快捷键即可打开内嵌预览,看到设计稿的 demo 效果:发布网站后,可以更改网站、添加或删除网页,或者连接自己的自定义域网址:
以上这四大功能的更新体现了 Figma 向“全链路设计开发平台”的转型,通过 AI 与工具的深度整合,降低专业门槛并加速产品从构思到落地的周期。你可通过 Figma 官网或帮助文档进一步了解相关的功能细节。
另外,作为设计师,设计系统和组件设计是值得每一位设计师都深入研究的课题。如果你想了解更多关于 设计组件相关的内容,在公众号后台留言 “组件” 就可以看到,这里大概是全网最强、最全、最专业的 B 端设计系统和组件知识解析和实践案例分享了:
更多干货硬核内容,欢迎识别下图二维码,加入我们知识社群获取???,有任何设计问题也都可以向我提问,有问必答,答必有获:如果你想加入设计师交流群,也可以识别二维码???添加我的微信。添加好友请备注:设计交流。
> AI 设计范式|“提示词工程”的设计方法
> 总结|2024 年我的大厂设计经验合集!
> 详解|Figma 的 Frame 和 Group 区别!
了解更多设计理念和设计方法
发表评论 取消回复