全面拥抱 AI,Figma 发布 度重磅升级
来源:互联网
时间:2026-06-27 14:11:28
2025年的Config大会上,Figma一口气丢出了五项重量级更新,覆盖了从画图、排组件到生成资产、搭网站、做原型整个链条。要是错过了发布会,不妨花几分钟看看这五个新东西到底怎么用。

1. Figma Draw
什么时候用得着?
UI之外需要手绘插画、图标、装饰元素
一笔文件里又画线框又画矢量插画,不用在App间来回切换
品牌或营销资产需要个性化笔触、纹理效果
能干什么?
- :切换后进入插画工作区,图层面板和属性栏自动简化,挺清爽
全新Draw工具栏
- :套索、形状生成器、多重编辑,三个新助手帮你更快搞定路径
增强矢量编辑
- :任意曲线都能挂文字,告别手动拉控制点
文字沿路径排版
- :内置噪点、水彩等多款笔刷,也支持自制
自定义笔刷
- :纹理、噪声、渐进式模糊、图案填充,一键套用
新填充/特效
- :线性或放射重复,复杂图案几秒成型
重复变换
- :笔触“抖动”、局部粗细可调,SVG导出更稳
动态描边 & 可变宽度(即将上线)
2. Grid(响应式网格自动布局)
什么时候用得着?
画廊、Bento Box、Dashboard这类多列卡片排版
需要“跨栏伸展”或固定轨道尺寸的页面组件
开发交接时,希望CSS栅格语义和设计保持一致
能干什么?
- ——和现有布局方式并列,点选就能用
Auto Layout新模式:Grid
- :单元格自由拉伸,不受单格限制
跨行/跨列
- :对列宽行高做个精确数值,避免挤压
固定轨道尺寸
- :开发者直接复制Grid-layout代码
Dev Mode输出对齐CSS
3. Figma Buzz(品牌资产批量生产引擎)
什么时候用得着?
社媒运营、广告投放需要同时输出多尺寸、多语言KV
大型品牌想把模板共享给非设计岗位,保证视觉统一
电商或内容团队要从表格数据快速生成千变图卡
能干什么?
- :把Design里的画板复制到Buzz,设置品牌锁定区
一键发布模板
- :防走样,也能随时解锁精细编辑
聚焦/自由双编辑模式
- :导入Spreadsheet,一次生成上千资产
Bulk Create
- :内置“生成图像”“去背景”“改写文案”,批量创作好帮手
AI加速
4. Figma Sites(设计-原型-发布一体化网站工具)
什么时候用得着?
营销落地页、活动官网或MVP快速上线
设计团队想把现有Figma视觉直接转成可访问网页
团队想在同一生态内维护组件库、断点适配与交互动效
能干什么?
- :设计稿粘贴即迁移
Copy-from-Figma
- :创建网页零门槛
50套官方模板 + 设计系统同步
- :文字、组件随屏宽自适应
可视化Breakpoints
- :Marquee、滚动视差等动画点选即用
交互动效库
- :支持内容快速自定义编辑
CMS管理
- :所见即所得,实时上线
Live HTML预览 & 一键Publish
5. Figma Make(Prompt-to-Prototype 原型生成器)
什么时候用得着?
PM/设计师用自然语言快速试错交互思路
Hackathon、概念验证阶段想“小时级”出可点可用原型
以现成设计为基础,补齐前端逻辑后直接发布Web App
能干什么?
- :一句话生成可运行、带代码的界面
Prompt → 高保真原型
- :将画板贴入,用编辑工具指向特定部分直接更改,填充、边距、颜色、文本都能调
接力现有设计
- :边看边改图片、间距、源码
即时可视+代码编辑
- :完成后直接上线并分享链接,无需外部托管
Publish
怎么落地?
- :试着在同一文件里画UI和插画,减少往返Illustrator的次数
视觉设计师
- :用Grid Beta搭建“Bento-Cards”组件,同步CSS token
设计系统负责人
- :用Buzz为社媒资产和模板做批量产出
品牌/营销
- :用Sites + Make从低保真Frame直达线上可测MVP
产品初创团队
- :在Dev Mode复制grid-layout与交互代码,压缩前端对接时间
开发
总结一下,借力这五项新功能,Figma已从“设计-原型”工具跃升为覆盖