Figma重磅更新,关于AI的这些功能你学会了吗?

更新时间:2025-05-12 15:13:14

就在上周,Figma 进行了一次全方位的更新!作为全球领先的协作式设计工具,这一次,Figma更新围绕着五大核心功能进行突破,标志着设计工具从 “辅助创作” “智能创造” 的升级。话不多说,这篇文章将带你从 5 个方向进行解析:Figma Draw(矢量绘画增强)、Figma Sites(一键生成网站)、Grid(网格功能)、Figma Make(AI 辅助生成原型)、Figma Buzz(模板化批量出图)。赶紧一起往下看看吧~
你可以选择从 Figma 客户端或官网进入,即可直接查看 Figma 更新的官网解析
点击下方图片即可直接跳转👇

1、Figma Draw:更直观表达的新工具

技术革新

这是 Figma更新首次在云端设计工具中实现专业级压感支持,从官网介绍的信息我们可以了解到:设计师们可以通过矢量 / 位图混合模式打破传统绘画工具的技术壁垒,手绘精度可提升至像素级。除了内置的各种丰富笔刷,设计师们还可以通过自定义来设置笔刷,更好的提升设计效率。

效率提升

简单来说,设计师们可以直接在 Figma 这个平台完成一站式设计,无需再切换 Procreat 或者 Sketch。拿更新后的多重复制这个功能来说,设计师们想要画类似图形的时候,无需再去 Sketch 里设计,减少了不必要的时间浪费。怎么样,这次 Figma更新是不是很有吸引力?

2、Figma Sites:用于设计、原型制作和发布网站的一体化工具

或许这次 Figma更新里比较让大家大吃一惊的可能就是 Figma Sites 这个功能了,简单来说,就是上传设计稿后即可一键生成网站。不过这项功能目前还处于测试阶段,用户暂时无法体验。

代码生成突破:

写网站不再需要前端工程师苦苦写代码了,通过简单描述,Figma 即可自动生成响应式网站,而且还包含交互效果。

实时部署能力:

生成带有交互效果的响应式网站,设计师们还可以自定义域名,突破了传统设计工具仅传输静态设计稿的限制,后续还可以在生成的网页上进行内容更新编辑,可以说是吊足了大家的胃口。
不过如果你也在寻找一个类似 Figma Sites 功能的软件,不妨试试 Wegic,Wegic 的操作更加简单,你只需通过与 AI 对话即可生成属于你的网站!悄悄告诉你~新用户有免费的次数哦
点击下方图片,即可立即注册中文版 Figma Sites👇

3、Grid:响应式布局变得简单

新的自动布局选项: 这次 Figma更新选择网格作为自动布局选项,以设计和维护画廊、便当盒等。
跨越多个轨道:跨多个网格列或行拉伸,而不是局限于单个单元格。
固定轨道尺寸:完全控制列或行的宽度和高度。

4、Figma Make:快速开发功能原型

官方将 Figma Make 定义为"新想法的游乐场"。其实这项功能的更新,我们可以理解为“将现有设计转化为原型”,也就是说,这个功能可以直接通过文字生成设计稿以及可交互原型
  • 提示原型:键入提示以获取高保真、代码支持的原型
  • 编辑以微调:直接编辑 AI 输出,包括替换图像、更改填充和边距或编辑代码
  • 发布:将作品转换为实时 Web 应用程序

5、Figma Buzz:大规模创建和共享品牌资产

在这次 Figma更新中这个功能的升级有些对标 Canva 的意思,在大型设计团队或企业级品牌管理需求的驱动下,能否做到高效的模板化批量出图,是大多数设计师们经常面临的问题。设计师们可以上传统一模板或者使用 Figma 提供的模板进行设计,再确保风格统一的情况下快速出图,提高工作效率。

6、小结

总来的说,Figma 这一次的升级不仅是设计功能的迭代,更标志着 “AI 原生设计” 时代的正式到来。当设计工具加入 AI 辅助能够成功理解业务诉求、完成简单交付的任务时,设计师的核心价值将加速向创意策略和体验策略迁移。在这场变革中,掌握 AI 协作思维的设计师,很有可能将成为定义下一代数字设计时代的先行者!如果你也对 AI 与 UI 的融合感兴趣,不妨试试趁着 Figma更新的功能还没完全开放前试试即时设计~作为中文版 Figma,你想要的 AI 辅助功能,即时设计也有~

推荐阅读: