Figma AI教程:Figma 设计平台里的 AI——Make Designs、Visual Search、Rename Layers。
Figma AI 是 Figma 设计平台内置的一套智能辅助工具,2024 年逐步开放给用户。它并不是一个独立的产品,而是嵌入在 Figma 编辑器里的三个核心 AI 功能:Make Designs(自动生成 UI 设计稿)、Visual Search(通过截图或图片搜索设计资产)、Rename Layers(一键批量重命名图层)。简单来说,如果你已经在用 Figma 做界面设计,这些 AI 功能可以帮你省掉大量重复劳动,尤其是找素材、整理图层、从零起稿这些环节。
需要提醒的是,Figma 是海外服务,国内直接访问有时会受限,如果你遇到加载慢或无法注册的情况,可以留意一下国产替代工具,比如 MasterGo AI 或即时 AI,它们也提供了类似的设计辅助能力。
这是 Figma AI 最吸引人的功能。你可以在 Figma 的编辑界面里,通过一个对话框输入需求,比如“一个电商 App 的商品详情页,包含图片轮播、价格、规格选择、评价区”,AI 会直接生成一版可编辑的 UI 设计稿,包含组件和布局。生成后你可以像操作普通 Figma 画板一样,拖拽、修改、替换素材。
操作入口在顶部工具栏的“Figma AI”按钮(一个星星图标),点击后选择“Make Designs”,输入提示词即可。提示词尽量具体,比如“深色模式、移动端、卡片式布局”比“做个页面”效果好得多。生成的结果通常有多个变体,你可以左右切换对比,选一个最接近的再手动微调。
如果你手上有一张参考图或截图,想找到 Figma 社区或团队文件里风格相似的组件、图标、插画,可以用 Visual Search。点击 Figma AI 按钮,选择“Visual Search”,上传一张图片(比如你喜欢的按钮样式或配色方案),AI 会从你当前文件、团队库或 Figma 社区里匹配视觉上相似的资产。这对快速复用已有设计、保持风格统一很有帮助。
设计师最烦的事之一就是图层命名乱七八糟。选中一个画板或一组图层,右键选择“Rename Layers with AI”,AI 会根据图层内容自动生成有意义的名称,比如“Header”、“Button_Primary”、“Card_Image”。你可以一键接受或逐个确认,省去手动改名的痛苦。
确认权限:Figma AI 目前是逐步开放的,你需要先确认自己的 Figma 账号是否已获得 AI 功能。如果你用的是 Figma Professional 或以上版本,大概率已经能看到 AI 按钮。如果看不到,可以检查一下 Figma 的设置里是否有“AI”开关。
打开一个设计文件:随便新建一个文件,或者打开一个已有的项目。Figma AI 是在文件编辑界面里用的,不需要单独安装插件。
尝试 Make Designs:点击顶部星星图标,选择“Make Designs”,在输入框里写一句简单的需求,比如“登录页面,包含邮箱、密码输入框和登录按钮”。等几秒钟,看 AI 生成的初稿。不满意就修改提示词重试,或者直接拖拽调整生成的元素。
试试 Visual Search:找一张参考图(可以是截图),上传到 Visual Search 里,看 AI 能不能找到类似的设计资产。如果团队有组件库,这个功能特别有用。
批量重命名:选中几个图层,右键用 AI 重命名,感受一下自动命名的准确度。如果命名不理想,可以手动修正,AI 会学习你的偏好。
Figma AI 不是单独收费的功能,它包含在 Figma 的订阅计划里。如果你已经是 Figma Professional(约 15 美元/月)或以上版本的用户,AI 功能可以直接用,不额外收费。如果你是免费版用户,目前可能无法使用 AI 功能,或者只能试用有限次数。具体开放情况会随 Figma 的更新变化,建议直接在 Figma 官网查看自己的账号权限。
如果你不想付费,或者觉得 Figma 的 AI 功能还不够成熟,可以关注国产设计工具里的 AI 插件,比如前面提到的 MasterGo AI,它们也提供了类似的能力,而且国内访问更稳定。