GPT中文GPT中文论坛社区AI工具软件大全
AI工具软件大全
首页 / 文章 / Figma AI 使用教程:从入门到上手
📖 教程 · 6 分钟读完 · 2026-06-19

Figma AI 使用教程:从入门到上手

Figma AI教程:Figma 设计平台里的 AI——Make Designs、Visual Search、Rename Layers。

什么是 Figma AI

Figma AI 是 Figma 设计平台内置的一套智能辅助工具,2024 年逐步开放给用户。它并不是一个独立的产品,而是嵌入在 Figma 编辑器里的三个核心 AI 功能:Make Designs(自动生成 UI 设计稿)、Visual Search(通过截图或图片搜索设计资产)、Rename Layers(一键批量重命名图层)。简单来说,如果你已经在用 Figma 做界面设计,这些 AI 功能可以帮你省掉大量重复劳动,尤其是找素材、整理图层、从零起稿这些环节。

需要提醒的是,Figma 是海外服务,国内直接访问有时会受限,如果你遇到加载慢或无法注册的情况,可以留意一下国产替代工具,比如 MasterGo AI 或即时 AI,它们也提供了类似的设计辅助能力。

核心功能怎么用

Make Designs:用文字生成 UI 稿

这是 Figma AI 最吸引人的功能。你可以在 Figma 的编辑界面里,通过一个对话框输入需求,比如“一个电商 App 的商品详情页,包含图片轮播、价格、规格选择、评价区”,AI 会直接生成一版可编辑的 UI 设计稿,包含组件和布局。生成后你可以像操作普通 Figma 画板一样,拖拽、修改、替换素材。

操作入口在顶部工具栏的“Figma AI”按钮(一个星星图标),点击后选择“Make Designs”,输入提示词即可。提示词尽量具体,比如“深色模式、移动端、卡片式布局”比“做个页面”效果好得多。生成的结果通常有多个变体,你可以左右切换对比,选一个最接近的再手动微调。

Visual Search:用图片搜设计资产

如果你手上有一张参考图或截图,想找到 Figma 社区或团队文件里风格相似的组件、图标、插画,可以用 Visual Search。点击 Figma AI 按钮,选择“Visual Search”,上传一张图片(比如你喜欢的按钮样式或配色方案),AI 会从你当前文件、团队库或 Figma 社区里匹配视觉上相似的资产。这对快速复用已有设计、保持风格统一很有帮助。

Rename Layers:告别混乱的图层命名

设计师最烦的事之一就是图层命名乱七八糟。选中一个画板或一组图层,右键选择“Rename Layers with AI”,AI 会根据图层内容自动生成有意义的名称,比如“Header”、“Button_Primary”、“Card_Image”。你可以一键接受或逐个确认,省去手动改名的痛苦。

第一次上手步骤

  1. 确认权限:Figma AI 目前是逐步开放的,你需要先确认自己的 Figma 账号是否已获得 AI 功能。如果你用的是 Figma Professional 或以上版本,大概率已经能看到 AI 按钮。如果看不到,可以检查一下 Figma 的设置里是否有“AI”开关。

  2. 打开一个设计文件:随便新建一个文件,或者打开一个已有的项目。Figma AI 是在文件编辑界面里用的,不需要单独安装插件。

  3. 尝试 Make Designs:点击顶部星星图标,选择“Make Designs”,在输入框里写一句简单的需求,比如“登录页面,包含邮箱、密码输入框和登录按钮”。等几秒钟,看 AI 生成的初稿。不满意就修改提示词重试,或者直接拖拽调整生成的元素。

  4. 试试 Visual Search:找一张参考图(可以是截图),上传到 Visual Search 里,看 AI 能不能找到类似的设计资产。如果团队有组件库,这个功能特别有用。

  5. 批量重命名:选中几个图层,右键用 AI 重命名,感受一下自动命名的准确度。如果命名不理想,可以手动修正,AI 会学习你的偏好。

适合什么场景

价格说明

Figma AI 不是单独收费的功能,它包含在 Figma 的订阅计划里。如果你已经是 Figma Professional(约 15 美元/月)或以上版本的用户,AI 功能可以直接用,不额外收费。如果你是免费版用户,目前可能无法使用 AI 功能,或者只能试用有限次数。具体开放情况会随 Figma 的更新变化,建议直接在 Figma 官网查看自己的账号权限。

如果你不想付费,或者觉得 Figma 的 AI 功能还不够成熟,可以关注国产设计工具里的 AI 插件,比如前面提到的 MasterGo AI,它们也提供了类似的能力,而且国内访问更稳定。

01

本文涉及的工具

02

相关阅读