figma ai工作流必备5项实操技能：自然语言精准指挥design agent需选中图层→右键ask agent→输入含数值与约束的指令；批量操作前须发布组件为main component；设计系统变量须提前定义语义化token；skills功能可将经验固化为可复用指令；visual search支持图像/文字搜索历史设计；figma make能一键生成原型及带mock数据的web应用。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
设计师刚打开Figma，客户消息弹出来：“首页按钮再大一点，主图换三版，暗色模式也出一版”——过去得手动调38次参数、复制粘贴27个页面、切4个主题色，现在AI能在画布里直接做完，但前提是你会用对方法、提对问题、判对结果。这5项技能不是选修课，是当前Figma AI工作流中不可跳过的实操能力。
用自然语言精准指挥Design Agent
第一步：在画布上选中目标图层（如按钮）→ 右键 → 选择“Ask Agent”。
第二步：输入指令时，必须包含【具体数值+约束条件】，例如“把按钮高度扩大到64px，内边距保持一致”，不能只说“把按钮变大”。
第三步：若要批量操作，必须确保组件已发布为“Main Component”，否则Agent只会改当前实例，不会同步变体状态。
这一步的关键在于让AI理解“什么是不变的”，比如圆角值、阴影强度、文字行高——这些不写进指令，AI大概率会重置。
设计系统变量必须提前定义好
方法一：打开Variables面板 → 点击“+ Add variable” → 创建Surface Dark、Text Inverse、Primary Hover等暗色模式所需Token。
方法二：在Tokens命名时使用语义化前缀，如“color/background/surface-dark”，避免用“color1”“dark02”这类无意义命名。
【不提前定义暗色Token，Ask Agent生成的暗色模式页面将全部使用默认灰阶，无法映射品牌规范】
用Skills把经验变成可复用的AI指令
打开右侧面板 → 点击“Skills”标签 → 点击“+ New Skill”。
输入Skill名称，如“Button Size Standardization”。
在Description栏写下规则：“所有Primary Button组件需满足：高度64px，左右内边距24px，圆角8px，禁用态透明度60%”。
保存后，在Ask Agent输入框里直接说“应用Button Size Standardization”，Agent就会按你写的规则执行，而不是靠猜。
视觉搜索代替翻历史文件
在画布空白处右键 → 选择“Visual Search” → 上传一张竞品截图，或框选当前设计中某个图标区域，或输入文字描述如“iOS风格开关控件”。
搜索结果会自动匹配你团队所有可访问文件中的相似设计，包括未公开的草稿和已归档项目。
这比在文件夹里翻17个“icon_v3_final_revised_2”快得多，而且能直接插入当前画布。
用Figma Make把设计稿转成可交互原型
点击顶部菜单栏“Make” → 选择“Make Prototype” → AI自动识别页面间跳转逻辑并连线。
若需生成带模拟数据的可运行Web应用，点击“Make App” → 选择“From current file” → 输入提示词：“添加用户登录流程，用mock API返回成功状态，主页显示最近3条订单”。
生成后点击右上角“Share” → 获取专属链接，无需开发介入即可发给产品和测试验证交互逻辑。
