Figma Draw —— Figma 中的插图和矢量编辑模式 —— 在 2026 年 5 月迎来了最重大的更新。主要功能包括:自动布局直接在 Draw 模式中工作(无需切换到设计模式),路径文字现已原生支持(无需插件),内联图层类型标签让导航更容易,更丰富的笔刷和纹理控制扩展了表达能力。结合 Figma 的 AI 图像功能,Draw 正在从"UI 工具内的矢量编辑"演变为真正的插图环境。
关键要点
Figma Draw 正在缩小与专业插图工具的差距。Draw 中的自动布局消除了最常见的模式切换摩擦。路径文字消除了对排版插件的需求。而 AI 集成(Make Image 在 Draw 模式中工作)增加了纯矢量工具所没有的生成能力。对于需要在 UI 工作之外进行插图创作的设计师来说,将所有工作保持在 Figma 中可以节省大量工具切换时间。
Draw 的变化(2026 年 5 月)
| 功能 | 作用 | 重要性 | 更新前 |
|---|---|---|---|
| Draw 中的自动布局 | 无需切换到设计模式即可应用自动布局 | 无需模式切换的响应式插图 | 必须切换模式 |
| 内联图层标签 | 在图层面板中显示组件/实例/文本类型 | 在复杂文件中更容易导航 | 通用图层名称 |
| 路径文字 | 将文字添加到路径或在圆形上创建文字 | 原生弯曲文字(无需插件) | 需要插件 |
| 更丰富的笔刷控制 | 更多压力、倾斜和纹理选项 | 更富表现力的手绘风格 | 有限的笔刷选项 |
| Draw 中的 AI 图像 | Make Image 直接在 Draw 模式中生成图像 | 在矢量工作旁边生成参考图像 | 必须切换到设计模式 |
最具影响力的变化:Draw 中的自动布局
在此次更新之前,创建响应式插图 —— 能够正确缩放的图标、适应文本长度的徽章、随内容重新排列的装饰元素 —— 需要在 Draw 和设计模式之间不断切换。Draw 用于插图工作,设计模式用于响应式行为,回到 Draw 进行调整,再回到设计模式检查响应性。
现在自动布局直接集成在 Draw 中。创建插图,应用自动布局,响应式行为成为同一工作流程的一部分。这听起来很小,但它消除了为那些在 UI 设计之外创建插图的设计师最常见的摩擦点。图标集、点缀插图、动画元素基础和装饰组件都会从中受益。
AI + Draw 工作流程
最有趣的工作流程结合了 AI 生成和手动 Draw 精修:
步骤 1: 在 Draw 模式中使用 Make Image 生成参考插图。提示:"在笔记本电脑上工作的人的极简线条插图,单一笔触粗细,紫色和蓝色调色板。"
步骤 2: 将生成的图像用作视觉参考图层(将不透明度降低至 20%)。
步骤 3: 使用 Draw 的矢量工具进行描摹和精修,添加您的特定风格,调整比例,并融入您品牌的插图指南。
步骤 4: 应用自动布局以获得响应式行为。应用变量以获得一致的颜色标记。结果:一个品牌一致的响应式插图,从 AI 灵感开始,但具有人工工艺。
这反映了更广泛的 AI 工作流程模式:AI 生成起点,人类添加判断和工艺。设计代理为 UI 界面做到这一点。Draw + Make Image 为插图做到这一点。原则是相同的:AI 处理空白画布问题,您处理质量。
为了获得更好的 Make Image 结果,请使用 ICCSSE 框架构建您的提示。"一幅插图"产生通用输出。"一个在笔记本电脑上工作的人的极简线条插图,2px 单一笔触粗细,限于我们的品牌紫色(#7C3AED)和蓝色(#3B82F6),白色背景,居中构图,无阴影,适用于 SaaS 仪表板中的 200×200px 点缀插图"产生可用的结果。免费提示优化器会自动添加此结构。
常见问题
Figma Draw 能替代 Adobe Illustrator 吗?
对于与 UI 相关的插图(图标、点缀插图、装饰组件):越来越可以。对于复杂的印刷就绪插图、高级排版、专业矢量编辑以及独立于 UI 的插图工作:Illustrator 仍然更强大。Draw 在对产品设计师重要的功能方面正在迎头赶上,但它还不是通用插图的替代品。
设计代理能在 Draw 中创建插图吗?
设计代理处理 UI 组件(框架、按钮、文本、图像),而不是自由形式的矢量插图。Make Image 生成栅格图像,您可以在 Draw 中用作参考。对于专门的 AI 生成矢量插图,Recraft 或 SVG 专用生成器等专用工具是更好的选择。该代理是设计工具,而不是插图工具。
路径文字终于原生支持了?其他工具多年前就有这个功能了。
是的 —— 您说得对,这是一个追赶功能,而不是创新。Illustrator、Sketch,甚至 Canva 多年来都提供路径文字。Figma 缩小这一差距并不是突破性的;它消除了为简单排版任务离开 Figma 的理由。原生支持意味着减少一个插件依赖和一次上下文切换。
Draw 改进会消耗 AI 积分吗?
不会 —— 自动布局、路径文字、笔刷控制和图层标签是标准 Figma 功能,不是 AI 驱动的。只有 Make Image(生成图像工具)会消耗 AI 积分。传统绘图和矢量工具包含在基础订阅中,没有使用限制。
插画师应该从 Procreate 或 Illustrator 切换到 Figma Draw 吗?
对于独立插图工作还不行。Draw 最适合存在于产品设计内的插图 —— 图标、点缀插图、装饰 UI 元素。对于独立插图工作,Procreate(iPad,自然媒体感觉)和 Illustrator(桌面,最大矢量能力)仍然更强大。Draw 的优势是工作流程集成:一切都留在 Figma 中,使用您的设计系统标记,并自动响应式布局。
披露:本文中的某些链接是联盟链接。我们只推荐我们亲自测试并定期使用的工具。请参阅我们的完整披露政策。