MasterGo AI生成原型后需分层治理：用图层整理插件收敛结构、逐级启用Auto Layout控制嵌套≤4级、人工补全命名规范与Constraints、源头通过提示词和模板降低复杂度。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 生成原型后图层混乱、嵌套过深，不是“不能改”，而是需要在生成后快速介入结构化整理。核心思路是：用工具自动收敛层级 + 手动补全约束逻辑 + 借助命名与分组建立可维护性。它不靠“一键还原”，而靠“分层治理”。
一、用「图层整理」插件快速收敛视觉结构
AI生成的图层往往堆叠无序、命名随机、画板散落。MasterGo 自带的「图层整理」插件能直接解决表层混乱：
- 安装后点击「插件 → 图层整理」，支持一键按名称正序/倒序排列图层树，让同类组件（如 Button、Card）自然聚类；
- 可对选中图层执行「置顶」操作，把关键容器（如 Header、Main）提到顶层，避免被埋没；
- 勾选「自动调整画板布局」，将零散画板按网格自动对齐，方便后续流程连线和评审；
- 特别适合交付前快速“收尾”，5秒内让画布从杂乱变工整。
二、逐级启用 Auto Layout 控制嵌套深度
AI生成稿常见“七八层嵌套”，本质是缺乏容器级布局锚点。MasterGo 的 Auto Layout 是控制层级的关键杠杆：
- 先选中最外层 Frame（如命名为 “Home_Page” 或 “Post_Create_Screen”），按 Shift+A 启用 Auto Layout，方向设为 Vertical（网页）或 Horizontal（卡片流）；
- 再逐级展开，对语义明确的子容器（如 “Nav_Bar”、“Content_List”、“Action_Panel”）单独启用 Auto Layout，并统一设置 Spacing（推荐 8px / 16px）；
- 遇到 Flex/Grid 容器时，不要让它继续生成深层 Frame，而是手动将其转为 Group + Auto Layout，避免插件二次解析；
- 目标是把整体嵌套控制在 ≤4 级：Page → Section → Block → Atom（如 Text/Button）。
三、用命名规范 + Constraints 补齐可协作逻辑
图层整齐只是第一步，真正让团队能高效协作的是“可理解性”。AI 不会命名，也不会设约束，这两步必须人工补上：
- 批量重命名：选中一组按钮，右键 →「批量重命名」，输入 “Btn/Primary/Submit_{state}”，自动带出 Default/Hover/Pressed；
- 原子元素加 Constraints：选中标题文本，右侧 Constraints 设为 Left & Right + Top（拉伸宽度+固定顶距）；选中图标，右键 →「Fix size」防缩放失真；
- 隐藏无用图层：AI常生成冗余占位符或注释层，用「图层筛选」→ 勾选「Hidden layers」→ 全选删除；
- 所有命名建议带斜杠层级，如 “Card/Avatar/Image”、“Form/Input/Email”，既利搜索，也利后续导出代码映射。
四、从源头降低 AI 输出的结构复杂度
与其花大力气“善后”，不如在生成阶段就引导 AI 输出更干净的结构：
- 在自然语言提示中加入结构约束，例如：“用语义化 HTML 标签，每个模块用独立 section 包裹，避免嵌套超过三层 div”；
- 生成后先检查源码预览（MasterGo AI 支持查看生成逻辑），若发现多余 wrapper，可复制 HTML 重新粘贴进插件，跳过 AI 中间渲染；
- 对高频页面（如列表页、表单页）建好模板 Frame，AI 生成后直接拖入复用，避免每次重建结构；
- 开启「智能填充」时关闭「自动添加装饰性容器」选项（设置中可调），减少非必要 Group。
