全面拥抱 AI，Figma 发布 度重磅升级

2025年的Config大会上，Figma一口气丢出了五项重量级更新，覆盖了从画图、排组件到生成资产、搭网站、做原型整个链条。要是错过了发布会，不妨花几分钟看看这五个新东西到底怎么用。

1. Figma Draw

• UI之外需要手绘插画、图标、装饰元素

• 一笔文件里又画线框又画矢量插画，不用在App间来回切换

• 品牌或营销资产需要个性化笔触、纹理效果

• 全新Draw工具栏
  ：切换后进入插画工作区，图层面板和属性栏自动简化，挺清爽

• 增强矢量编辑
  ：套索、形状生成器、多重编辑，三个新助手帮你更快搞定路径

• 文字沿路径排版
  ：任意曲线都能挂文字，告别手动拉控制点

• 自定义笔刷
  ：内置噪点、水彩等多款笔刷，也支持自制

• 新填充/特效
  ：纹理、噪声、渐进式模糊、图案填充，一键套用

• 重复变换
  ：线性或放射重复，复杂图案几秒成型

• 动态描边 & 可变宽度（即将上线）
  ：笔触“抖动”、局部粗细可调，SVG导出更稳

2. Grid（响应式网格自动布局）

• 画廊、Bento Box、Dashboard这类多列卡片排版

• 需要“跨栏伸展”或固定轨道尺寸的页面组件

• 开发交接时，希望CSS栅格语义和设计保持一致

• Auto Layout新模式：Grid
  ——和现有布局方式并列，点选就能用

• 跨行/跨列
  ：单元格自由拉伸，不受单格限制

• 固定轨道尺寸
  ：对列宽行高做个精确数值，避免挤压

• Dev Mode输出对齐CSS
  ：开发者直接复制Grid-layout代码

3. Figma Buzz（品牌资产批量生产引擎）

• 社媒运营、广告投放需要同时输出多尺寸、多语言KV

• 大型品牌想把模板共享给非设计岗位，保证视觉统一

• 电商或内容团队要从表格数据快速生成千变图卡

• 一键发布模板
  ：把Design里的画板复制到Buzz，设置品牌锁定区

• 聚焦/自由双编辑模式
  ：防走样，也能随时解锁精细编辑

• Bulk Create
  ：导入Spreadsheet，一次生成上千资产

• 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已从“设计-原型”工具跃升为覆盖