用结构锚点锁定布局骨架

布局失真的根源，往往在于AI“自由发挥”导致框架偏移。必须让AI明确边界所在。具体操作方法是：上传草图或线框后，先手动绘制与原始构图完全一致的容器框架，例如导航区宽度240px、内容区1200px居中，并命名为“[LAYOUT] Nav”“[LAYOUT] Main”。所有AI生成的内容必须拖入对应容器内，避免使用“自由浮动”模式。随后在MasterGo右侧属性栏中开启「固定尺寸」和「禁止缩放」，这样AI就不会擅自拉伸图像或图标，确保布局稳定。

分区块注入精准提示词

一次性描述整页内容，容易导致AI语义混淆。更优的做法是沿着视觉动线，逐个区块触发AI生成。例如先选中顶部导航容器，输入：“生成深蓝渐变背景(#0A2540→#1E3A8A)的响应式导航栏，包含Logo左对齐、3个文字Tab水平居中、用户头像右对齐，字体Inter SemiBold 14px”。再框选卡片列表区域，输入：“每张卡片为白色圆角矩形(8px)，包含标题(16px加粗)、摘要(14px灰色#6B7280)、操作按钮(主色#4F46E5，圆角6px)，间距统一16px”。关键在于避免“现代感”“简洁风”这类模糊描述，直接用具体字号、色值、圆角值和间距数值来精确控制。

启用设计令牌硬约束样式

颜色、字体、间距的失真，通常是因为AI忽略了团队设计规范。主动绑定设计系统是有效解决方案：在MasterGo中提前创建「Design Token」库，将Primary Color设为#4F46E5、Font Size Body设为14px、Spacing Base设为8px等。生成时在提示词末尾明确添加：“严格遵循Token库中的Primary Color与Spacing Base，禁用任何自定义色值”。生成后右键点击组件→「应用样式」→选择对应Token，即可覆盖AI默认样式，确保视觉一致性。

人工校验+局部重绘补救

即便前面步骤都正确执行，某些细节仍可能出现问题——按钮边缘锯齿、图标比例异常、文字行高不准。此时不建议全页重做，效率太低。直接使用「选择工具」框选问题区域，右键→「AI重绘」，然后输入针对性指令：“修复该按钮为完美圆角6px，边缘平滑无像素化，保持原尺寸与位置”。重绘强度设置在0.3–0.4之间，这样仅修正失真区域，不会影响整体结构布局。