Figma AI支持原子组件生成、分子模块构建、存量设计原子化重构及层级一致性校验四大核心能力，覆盖原子设计体系全生命周期。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
一、使用Figma AI生成原子级基础组件
Figma AI可基于自然语言指令直接创建语义清晰、属性可控的最小设计单元，确保每个输出组件具备单一职责与明确变体结构，为后续分子级组合提供标准化输入。
1、在Figma编辑器中点击左上角「Make」按钮，选择「Make Designs」功能。
2、在提示框中输入精确描述，例如：“生成一个主按钮原子组件，包含primary/default/disabled三种状态，尺寸为small/medium/large，所有状态均使用Design Tokens页面定义的颜色变量和文字样式”。
3、等待AI生成高保真组件后，右键该组件 → 选择「Create Component」→ 命名为「Atom/Button」→ 在Properties面板中手动添加variant property（如state、size）并绑定对应值。
4、将该组件拖入「01-Atoms」页面，并确保其子节点全部为symbol instance而非group或frame，以支持跨页面复用。
二、用Figma AI构建分子级功能模块
分子是原子的有意义组合，Figma AI可通过上下文理解实现嵌套结构生成，避免手动拼接导致的样式断裂与逻辑脱节。
1、新建空白画布，输入提示词：“生成一个搜索栏分子组件，由Atom/Input和Atom/Button组成，水平排列，间距8px，整体宽度自适应，命名前缀为Molecule/Search Bar”。
2、AI生成后检查其内部结构：确认Input与Button均为已注册的原子组件实例，而非独立图形或文本图层。
3、选中整个搜索栏 → 「Create Component」→ 设置variant property为「variant」，添加选项「default/focused/error」，并在不同变体中仅修改原子组件的state属性，不改动布局结构。
4、将该组件移入「02-Molecules」页面，并在右侧Assets面板中验证其是否显示为可展开的嵌套实例树。
三、通过Figma AI重排已有设计为原子化结构
当面对存量设计稿时，Figma AI可识别视觉模式并反向重构为符合原子设计层级的组件体系，大幅缩短规范化改造周期。
1、选中需重构的界面区域（如完整表单区块），点击右键 → 选择「Make with AI」→ 输入指令：“分析所选内容，将其分解为Atoms和Molecules层级：提取所有可复用的按钮、输入框、标签、图标作为Atoms；将输入组、筛选区、操作栏识别为Molecules；保持原始间距与对齐关系”。
2、AI返回结构化建议后，接受生成结果，系统将自动创建新页面「Recomposed Atoms」与「Recomposed Molecules」。
3、进入「Recomposed Atoms」页面，逐个检查AI提取的原子组件是否绑定至「00-Design Tokens」中的颜色、字体、间距变量；若未绑定，手动在Properties中关联对应变量。
4、打开「Recomposed Molecules」页面，验证每个分子组件是否仅引用上述原子实例，且无任何直接绘制的像素图层或硬编码数值。
四、利用Figma AI批量校验组件层级一致性
AI可对整份Figma文件执行静态分析，识别违反原子设计原则的组件实例，如非实例化副本、缺失变体属性、未绑定设计令牌等。
1、在Figma顶部菜单栏点击「Plugins」→ 搜索并运行「Figma AI Audit」插件（需启用Figma Make权限）。
2、在弹出面板中选择目标页面范围（如全部页面或仅「01-Atoms」「02-Molecules」），点击「Run Structural Scan」。
3、查看报告中标红项：“Found 7 instances of Atom/Button used as flat copies instead of component instances”，点击对应行右侧「Fix Now」按钮，AI将自动替换为标准实例。
4、针对提示「Missing variant property ‘state’ on 3 Atom/Checkbox components」，AI将一键补全属性定义并同步更新所有相关变体。
