预览前确保生成稿结构清晰

• 生成时优先选用「预置团队库」，如 Ant Design 或 Element Plus。这些组件内置语义化结构与响应式基础，可大幅减少后期调整工作。
• 避免输入模糊描述，例如“好看一点”“大气些”。这类表述AI难以准确理解。应改用可落地的具体约束，效果显著提升：
  例如“所有按钮高度统一为48px，圆角8px”；
  或“卡片使用Auto Layout自动间距，内边距16px”；
  再如“文字层级采用H1–P标准字号体系，不手动调整大小”。
• 生成后，养成检查图层面板的习惯。删除冗余组、合并重复背景，并将图标转为矢量符号（Symbol）。这一步骤看似简单，却能极大提升后续预览性能。

正确启用并调节预览模式

预览体验的好坏，关键在于视图设置与交互标识是否已开启。进入预览模式（顶部菜单 → 预览）后，右上角默认显示「实际尺寸（100%）」。以下是一些实用技巧：

• 测试小屏设备时，可手动缩放至75%或50%，观察布局断点是否合理。
• 勾选「点击时显示热区提示」——此功能非常实用，能立即识别出被AI判断为可点击的区域，避免交互盲区。
• 若需沉浸式演示，勾选「隐藏操作界面」即可。但需注意，此时无法快捷返回编辑页，建议使用快捷键 Cmd/Ctrl + 退出。

利用AI能力间接提升预览表现

部分预览问题本质上源于设计逻辑的缺陷。此时AI反而能派上用场，快速修复：

• 若预览中发现某区域文字被裁切，选中该文本框，在右侧面板输入指令，如“增大行高至24px，左右留白各20px，保持宽度自适应”。
• 若列表滚动不自然，选中列表容器，输入“应用垂直滚动容器，设最大高度600px，启用平滑滚动”。
• 暗色模式下按钮不可见？选中按钮，在AI对话框内输入“在dark mode下将背景色改为#374151，文字色改为#F9FAFB”。

导出前做轻量验证

预览并非终点，而是验证的起点。导出之前，务必进行一轮轻量验证：

• 在预览模式下，用鼠标悬停或点击所有按钮、标签页、表单控件，确认反馈状态是否正常。
• 切换画板（使用方向键或左侧面板），检查跳转逻辑是否连贯，无断链。
• 打开「流程列表」，核对页面之间的连线是否准确映射真实用户路径。

无需额外安装插件，也无需修改系统设置。MasterGo 的预览能力已深度集成在当前版本中。一句话总结：真正影响预览体验的，并非AI配置，而是生成时的描述精度、编辑时的组件规范，以及预览时是否主动开启了热区与缩放控制。