支持私有化部署
AI知识库

53AI知识库

学习大模型的前沿技术与行业应用场景


干货|Figma 升级 AI 版!四大核心功能重磅发布!

发布日期:2025-05-15 05:47:00 浏览次数: 1544 作者:长弓小子
推荐语

Figma迎来革命性AI升级,四大新功能重塑设计工作流程!

核心内容:
1. Figma Draw:全新矢量绘图套件,自由绘图与专业级插画集成
2. Figma Make:AI生成式设计工具,文本描述快速生成原型和应用
3. Figma Buzz:品牌资产规模化生产,非设计人员也能批量生成内容

杨芳贤
53A创始人/腾讯云(TVP)最具价值专家
⬆️ 关注「长弓小子」看更多设计干货!

Hi,我是元尧。记得将我设为星标 ⭐️ ,不错过每一条来自大厂的设计经验分享。

欢迎长按下图二维码加我微信,带你进设计师交流群,与上万小伙伴一起交流成长!

「? 添加好友请备注:设计交流」


   全文共 2117 字,阅读需要 8 分钟

Figma 在 2025 年 Config 大会上发布了四项核心产品与功能升级,涵盖了从设计创作到开发落地的全流程,进一步巩固其作为综合设计平台的竞争力。本文就来为你盘点下这些最新功能及应用场景。



Product 1
Figma Draw

自由绘图与矢量编辑工具

‍‍
   功能描述
这是 Figma 推出的全新矢量绘图套件,整合了专业级插画工具。你可以在 Figma 设计文件中直接使用多种笔刷、形状构建器、路径文本、动态描边等功能,并支持添加纹理和噪点效果,最大程度的减少设计师切换软件的负担:

https://www.figma.com/draw/
   基本用法
使用 Figma Draw 时,工具栏和侧边栏会发生变化,以提供一组以插图为中心的工具和属性。底部工具栏如下图:

Figma Draw 工具栏 (1).png


右侧边栏将更改为插图相关属性的更简化视图,可以使用滑块控件来调整参数:

Figma Draw 中的右侧边栏 (1) (1).png

左侧边栏中的 Layers 会显示图层内容的放大视觉预览。双击图层预览可直接缩放到画布上的该图层:

The left sidebar in figma draw (1).png


Product 2
Figma Make

AI 生成式设计工具

‍‍
   功能描述
Figma Make 可以通过文本描述或现有设计,使用 AI 快速生成可交互的原型或完整应用。比如输入“电商首页”即可生成包含商品展示、导航栏等组件的布局,并自动填充真实内容(如占位文本)。用户可手动或通过 AI 提示调整设计元素。该功能显著降低了从创意到原型的门槛,适合 0-1 快速搭建的场景:

https://www.figma.com/make/

   基本用法
Figma Make 提供了一个简单的界面,有两个主要区域:AI 聊天区域预览区域


在和 Figma Make 的 AI 聊天中,你可以分享 Figma 设计和图像,与模型交谈以生成产品的功能原型或 Web 应用程序,并通过提示进行迭代,还可以将现有设计中的框架和组件直接粘贴到 AI 聊天中:

paste-design.gif

在 AI 聊天中写下你的对于产品的创意和想法,分分钟即可将这些想法变为现实,你可以继续在提示框中附加设计、图像和输入内容,以迭代对话结果:

prompt-with-text.gif


你还可以使用 Figma Make 的编辑工具对 AI 生成的功能原型直接进行更改,可以执行更改填充、边距、颜色、文本属性等作:

use-edit-tool.gif



Product 3
Figma Buzz

品牌资产规模化生产工具

‍‍
   功能描述
Figma Buzz 是一款面向品牌与营销团队的工具,支持快速创建并管理社交媒体素材、广告模板等品牌资产。非设计人员可在保持品牌一致性的前提下批量生成内容,例如调整文字、颜色或版式等。还可以使用 AI 功能辅助生成文案和多语言翻译。该功能目前处于试用版阶段:

https://www.figma.com/buzz/

   基本用法
使用 Figma Buzz 时,你可以使用画布来构建、编辑和管理资源,有幻灯片视图和全局视图两种阅览方式,底部中心的工具栏可帮助用户在画布中导航、添加和管理评论:

“资产”视图和“网格”视图中的 Figma Buzz view.png

Buzz 中的导航栏包括以下用于构建资源的创建工具:模板、文本工具和字体、上传或使用 Figma AI 制作的图像、组件和资产等:


Figma Buzz.png 中的左侧导航栏视图

使用导航栏中简单的单击和拖动创建工具即可构建和创建资源,也可以对图像的设计属性进行更精细的编辑,无需用户具备设计基础:

Text tools panel in the left navigation bar of Figma Buzz.png

Buzz 模板可以从预制的设计中(用户可以自己制作模版,也可以使用 Figma 官方提供的预制模版)快速创建资产,官方提供了社交媒体内容、广告、单页内容等:

Template picker in Figma Buzz.png


Product 4
Figma Sites

AI 驱动的一键式建站工具

‍‍
   功能描述
Figma Sites 是设计+发布一体化的建站平台,你可以从 Figma 社区获取预设模板、页面布局和交互组件来构建网站雏形,将 Figma 设计稿直接转化为响应式网站,并通过 AI 优化代码、添加动画和交互元素。其核心优势在于无缝衔接设计与开发,设计师自己就可以完成网站的开发和上线发布,减少传统建站工具的中间环节:

https://www.figma.com/sites/


   基本用法
Figma Sites 的地步工具栏包含创建站点所需的所有工具:添加网页、框架、图像、文本、形状和 Figma AI 工具等:


左侧导航栏可帮助用户进行多个任务之间的快速切换、搜索和查看设计元素:


右侧边栏可用于控制画布或网页中设计元素的外观、布局和排版:


Figma Sites 在为不同的屏幕尺寸创建像素布局时,为用户提供了大量控制权。你可以添加页面的断点,并对所有断点下的内容进行编辑:

网页和断点 (1).png


设计稿完成后,只需点击任何网页上的“预览”图标,或按键盘快捷键即可打开内嵌预览,看到设计稿的 demo 效果:


发布网站后,可以更改网站、添加或删除网页,或者连接自己的自定义域网址:



以上这四大功能的更新体现了 Figma 向“全链路设计开发平台”的转型,通过 AI 与工具的深度整合,降低专业门槛并加速产品从构思到落地的周期。你可通过 Figma 官网或帮助文档进一步了解相关的功能细节。


另外,作为设计师,设计系统和组件设计是值得每一位设计师都深入研究的课题。如果你想了解更多关于 设计组件相关的内容,在公众号后台留言 “组件”  就可以看到,这里大概是全网最强、最全、最专业的 B 端设计系统和组件知识解析和实践案例分享了:




更多干货硬核内容,欢迎识别图二维码,加入我们知识社群获取???,有任何设计问题也都可以向我提问,有问必答,答必有获


如果你想加入设计师交流群,也可以识别二维码???添加我的微信。添加好友请备注:设计交流。


学海无涯,盼你同舟!?



 

>  AI 设计范式|“提示词工程”的设计方法

>  总结|2024 年我的大厂设计经验合集!

>  详解|Figma 的 Frame 和 Group 区别!



- END -

欢迎长按图片???加我微信
带你加入设计师社群

了解更多设计理念和设计方法

期待与你的交集!
「添加好友请备注:设计交流」

53AI,企业落地大模型首选服务商

产品:场景落地咨询+大模型应用平台+行业解决方案

承诺:免费场景POC验证,效果验证后签署服务协议。零风险落地应用大模型,已交付160+中大型企业

联系我们

售前咨询
186 6662 7370
预约演示
185 8882 0121

微信扫码

添加专属顾问

回到顶部

加载中...

扫码咨询