MasterGo AI 本身并不直接生成“自动预览图”，但借助其内置的实时镜像预览功能，设计者能够实现原型稿在手机端实时同步显示，效果等同于自动预览。整个过程无需额外配置 AI 模型，完全依赖 MasterGo 的跨端同步能力。以下将详细说明如何实现这一功能。
核心原理：实时镜像预览
实时镜像预览是 MasterGo 自带的跨端同步能力，允许你在电脑端编辑原型稿时，手机端即刻同步显示。这让设计稿看似“自动生成”了预览图，实际上只是镜像同步。操作核心在于：将 AI 生成的原型整理为独立画板或命名容器，设置交互链接，再在电脑端选中后启动镜像预览，手机端即可实时同步刷新。
准备工作：确保原型稿结构清晰
为了让镜像系统正确识别，AI 生成的原型必须结构合理、层级分明。以下是关键步骤：
- 画板或容器包裹：每页内容需放置在独立的画板（Artboard）或命名容器内（例如“首页”、“订单页”）。
- AI生成后的调整：使用 AI 生成后，建议点击“插入到画布”，再手动检查图层是否分组合理，避免所有元素堆叠在根层。
- 交互热区设置：为按钮、跳转区域等设置原型链接，这样镜像时才能响应点击操作。
小提示：在 AI 生成时，可在提示词末尾加上“请按移动端尺寸（375×812）输出，每个模块用独立容器包裹”，以简化后续步骤。
核心操作：开启并连接实时镜像预览
这是实现“自动预览”效果的关键步骤，全程无需 AI 配置，仅依赖客户端联动：
- 电脑端：登录 MasterGo 网页版或桌面端，打开包含原型的文件。
- 手机端：安装最新版 MasterGo App（iOS/Android），并使用同一账号登录。
- 启动镜像：在电脑端选中任意画板或命名容器，右键或顶部菜单选择“镜像预览”，手机端将自动进入对应页面。
- 实时同步：后续在电脑端修改布局、调整组件位置，手机画面会毫秒级实时刷新，无需手动刷新或导出。
小提示：确保电脑端处于设计模式（非评论/演示模式），手机端停留在“镜像预览”界面，否则可能无法同步。
提升效率：配合 AI 生成优化预览流程
虽然镜像本身不调用 AI，但 AI 可加速原型准备环节，间接实现“快速预览”：
- AI优化输出：在提示词中指定“每个模块用独立容器包裹”，便于镜像识别。
- 快速启动预览：生成后直接选中整个画板，右键“镜像预览”，跳过手动整理步骤。
- 多页联动预览：若需多页联动，可用 AI 连续生成“首页→详情页→支付页”，再用 MasterGo 的流程连线功能串联，镜像时即可滑动跳转。
常见问题排查
如果预览不生效，请按以下顺序检查：
- 账号一致性：手机和电脑是否登录完全一致的 MasterGo 账号（邮箱/手机号+密码需完全相同）。
- 模式与界面：电脑端是否处于设计模式（非评论/演示模式）；手机端是否停留在“镜像预览”界面（非首页或项目列表）。
- 网络稳定性：镜像依赖实时 WebSocket 通信，企业防火墙或弱 Wi-Fi 可能导致延迟或断连。
FAQ：为什么镜像时手机端显示空白？
可能原因：画板未正确命名或容器未包裹内容。请确保每个页面都放置在独立的画板或命名容器中，且图层未混乱。
FAQ：镜像时点击按钮无响应？
可能原因：未设置交互热区的原型链接。请检查画板中按钮或跳转区域是否已添加链接，并确保链接指向正确画板。
总结
通过实时镜像预览功能，MasterGo 让原型稿在手机端实时同步显示，实现了类似“自动预览”的效果。关键在于确保原型结构清晰、正确开启镜像，并结合 AI 加速准备流程。掌握这一方法，即可高效预览和迭代设计稿。