Figma 在 2025-2026 持续把 AI 能力融入到设计协作流程里:你不需要从空白画板开始,直接用一句需求描述生成 UI 草图,然后在同一个文件里继续用组件、样式、自动布局把它推到可交付原型。它最大的价值不是画得多漂亮,而是让你更快做出可讨论、可验证的界面版本。
产品经理:把 PRD 里的关键页面快速变成可点击原型,减少口头沟通误差。
UI/UX 设计师:用 AI 生成初稿当作起步模板,把时间花在信息结构、交互逻辑和视觉一致性上。
运营/增长:做活动落地页、弹窗、推送卡片等快速 A/B 方案,不必每次都从零搭版。
1)文本生成界面草图:用自然语言描述页面目标、模块与层级(例如电商商品详情页,包含主图轮播、价格、优惠、规格、购买按钮、评价),AI 会生成一个可编辑的布局。
2)快速改版与变体:对同一页面提出不同风格要求(更极简、更强调转化、移动端优先等),生成多版本用于对比。
3)配合组件与样式体系:把生成的布局替换为你团队的组件库,保持一致性;同时用自动布局减少后续调整成本。
4)内容填充与微文案:在保持信息结构不变的情况下,让 AI 帮你补齐按钮文案、占位内容、空状态提示等,让原型更像真的。
为了让结果更接近可用版本,建议把提示词拆成 4 段:目标、信息架构、视觉约束、交互/状态。示例:
目标:生成一个移动端 SaaS 注册引导页,用于新用户 3 步完成注册。
信息架构:顶部品牌与一句价值主张;中间 3 步表单卡片;底部隐私说明与登录入口。
视觉约束:12 列栅格、圆角 12、主色 #1F6FEB、按钮主次层级清晰。
交互/状态:包含输入错误状态、加载状态、成功状态。
这样写的好处是:AI 更容易生成结构清晰、可落地的布局,而不是看着好看但没法用的海报式页面。
第 1 步:先把页面类型说清楚(App/网页/小程序/后台),再给出必备模块(列表、筛选、价格区块、CTA 等)。
第 2 步:生成后不要急着细修,先做结构校验:信息层级是否正确?关键 CTA 是否突出?模块顺序是否符合用户路径?
第 3 步:把 AI 生成的元素替换为你的组件库(按钮、输入框、卡片),并启用自动布局,把可维护性拉起来。
第 4 步:用 1-2 个变体做对比(转化导向 vs 内容导向),挑一个方向再精修。
1)别把风格写成情绪词:比如高级、酷、科技感太虚。改成:字体大小层级、留白比例、按钮样式、色彩数量、卡片阴影等可执行约束。
2)先定结构再定皮肤:结构错了,换多少配色都救不了。先把信息架构跑通,再谈视觉。
3)把状态写进去:错误、空、加载、禁用这些状态如果不写,AI 往往不会生成,导致原型不完整。
4)输出不是终点:AI 生成更像初稿,你要把它变成可交付版本,关键仍是组件规范与交互细节。
AI 功能通常与账号计划、团队权限相关。建议:先用个人文件试生成布局,确认方向后再迁移到团队项目,避免在组件与权限上反复折腾。
你也可以在 Figma 内搜索或开启相关 AI 功能入口(不同地区与计划展示可能不同)。