MasterGo AI无独立“AI预览优化”配置，需通过合理使用预览模式、提升AI生成质量及优化设计稿结构协同实现；重点在于规范组件使用、精准描述约束、启用热区提示与缩放控制，并借助AI指令修复常见预览问题。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 本身不提供独立的“AI 预览优化”配置项，它没有专门用于“优化预览效果”的AI开关或参数设置。所谓“在线预览优化”，实际是通过合理使用 MasterGo 的预览模式功能 + AI 生成质量 + 设计稿结构合理性三者协同实现的。重点不在配置AI，而在用对预览工具、选对生成方式、避免常见结构陷阱。
预览前确保生成稿结构清晰
AI生成的设计稿若图层混乱、组件嵌套过深或使用大量位图，会导致预览卡顿、交互失效、缩放失真。
- 生成时优先选择「预置团队库」（如 Ant Design / Element Plus），这类组件自带语义化结构和响应式基础
- 避免输入模糊描述如“好看一点”“大气些”，改用可落地的约束：
- “所有按钮高度统一为48px，圆角8px”
- “卡片使用Auto Layout自动间距，内边距16px”
- “文字层级用H1–P标准字号体系，不手动调大小”
- 生成后检查图层面板：删掉冗余组、合并重复背景、将图标转为矢量符号（Symbol）
正确启用并调节预览模式
预览体验好坏，关键在视图设置与交互标识是否开启：
MaterialDesign风格下拉菜单jquery插件
下载
menu.js是一款Material Design风格的jquery下拉菜单插件。通过menu.js插件，你可以非常轻松的制作出Material Design风格的下拉菜单或下拉列表。 使用方法 在页面中引入样式文件menu.css和jquery.min.js、menu.js文件。
- 进入预览模式后（顶部菜单 → 预览），右上角默认显示「实际尺寸（100%）」，建议：
- 小屏设备测试时，手动缩放到75%或50%，观察布局断点
- 勾选「点击时显示热区提示」——能立刻识别哪些区域被识别为可点击元素
- 如需沉浸演示，勾选「隐藏操作界面」，但注意：此时无法快捷返回编辑页，建议用 Cmd/Ctrl + \ 退出
利用AI能力间接提升预览表现
部分预览问题本质是设计逻辑缺陷，可用AI快速修复：
- 若预览中发现某区域文字被裁切，选中该文本框，在右侧面板输入指令：“增大行高至24px，左右留白各20px，保持宽度自适应”
- 若列表滚动不自然，选中列表容器，输入：“应用垂直滚动容器，设最大高度600px，启用平滑滚动”
- 若暗色模式下按钮不可见，选中按钮，在AI对话框中说：“在dark mode下将背景色改为#374151，文字色改为#F9FAFB”
导出前做轻量验证
预览不是终点，而是验证起点：
- 在预览模式下，用鼠标悬停/点击所有按钮、标签页、表单控件，确认反馈状态正常
- 切换画板（用方向键或左侧面板），检查跳转逻辑是否连贯
- 打开「流程列表」，核对页面间连线是否准确映射真实用户路径
不需要额外安装插件或修改系统设置，MasterGo 的预览能力已深度集成在当前版本中。真正影响体验的，是你生成时的描述精度、编辑时的组件规范性，以及预览时是否主动启用热区与缩放控制。
