mastergo ai 通过结构锚定、分块约束和设计令牌绑定三重机制解决构图偏差：以锁定透明度30%的 wireframe 为视觉坐标系，分模块输入带尺寸/字体/间距等参数的指令生成，结合预置或自定义组件库强制遵循栅格与auto layout规则，并通过图层清理和像素比对校验对齐精度。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 解决构图偏差，核心不是靠“重试生成”，而是通过结构锚定 + 分块约束 + 设计令牌绑定三重机制，把AI的自由发挥框进真实设计逻辑里。
用 Wireframe 作为不可编辑的视觉锚点
把低保真线框图导入 MasterGo 后，立刻重命名为 [REF] Wireframe，右键锁定并调低透明度（30%左右）。这不是摆设——它成为后续所有 AI 生成的“地理坐标系”。AI 不再凭空构图，而是在你划好的“地块边界”内盖楼。比如标题区宽度固定为 375px、操作按钮必须落在底部安全区内，这些空间约束会显著压缩 AI 的误判空间。
分模块触发生成，每一块带明确设计令牌
别一次性让 AI “画整个首页”。选中 Wireframe 中的“搜索栏区域”，点击 MasterGo AI 的「在选区生成」，输入：
- “搜索框：高度 44px，圆角 8px，左侧图标 20×20，占位文字‘搜索商品…’使用 Caption Font 14px #999，右侧语音按钮为 Microphone Icon，间距统一 12px”
这样每块输出都绑定尺寸、字体、颜色、间距等具体值，避免 AI 自行“估算”导致错位或比例失衡。
启用组件库约束，禁用自由浮动布局
在 AI 设置中，优先选择「预置团队库」（如 Ant Design 或 Element UI），而非“自由绘制”。这些库自带严格的栅格系统、间距阶梯和响应式规则。AI 生成时会自动对齐 8px 基准、复用已定义的 Button/Avatar/Tag 组件，而不是堆砌一堆无样式的 div。若需自定义，可在「自定义团队库」中提前上传带 Auto Layout 的母版组件，AI 将按其约束生成子实例。
生成后做两步校验：节点精筛 + 像素快照比对
AI 输出后，先用 MasterGo 的「图层清理」功能剔除隐藏占位符、临时标注线等干扰节点；再打开「像素校验」面板（或导出为 PNG 与 Wireframe 叠加比对），重点检查：
- 按钮是否严格居中于容器
- 行高是否匹配 Wireframe 中文本基线
- 间距是否为 8/16/24 的整数倍
不复杂但容易忽略
