Skip to content

Figma AI 教程

官方:First DraftAgent

先决条件

Config 2026 帮助文:Agent 在 Professional / Organization / Enterprise,且工作区打开了 AI;Full seat 可在 Design 文件里聊;需要该文件的 can edit。View / Dev / Collab 只能在 Draft 文件试用。

15 分钟内打开

1. 优先走 Agent(2026-05-20 之后的官方入口)

First Draft 文原文:从 2026-05-20 起,Figma’s agent 是该能力的新入口,beta 逐步开放。在 Design 文件里打开 Agent(帮助中心「collaborate with the Figma agent」),用自然语言起稿 / 改稿 / 要反馈。具体菜单名以你客户端为准。 若账号还没有 Agent,用下一节旧入口。

2. 旧入口:First Draft

帮助中心步骤:

  1. 工具栏点 Actions
  2. First Draft
  3. 需要时点 Library 选网站或移动线框 / 基础设计;不选则 Figma AI 自己挑
  4. 输入 prompt,例如帮助中心例句:A pricing page for a developer tools startup

输出是可编辑线框或设计,不是整站代码。

3. 不要在这里装第三方插件当主路径

Relume / Magician 不是 Figma 官方一级产品。本页不写安装。

下一步

速查 · 术语

为前端工程师打造 · 基于 VitePress 构建