这里需要先澄清一个常见的误解：MasterGo AI 的移动端原型生成能力是内置的，根本不需要额外安装什么插件。所谓“AI 插件”的说法容易让人绕晕——MasterGo 的 AI 能力（比如“AI 生成界面”）已经直接整合在主平台里了。而像 html-to-mastergo 这类第三方插件，主要用途是把网页转成设计稿，跟“配置 AI”完全不是一回事。

一、确认入口：内置功能，无需配置

那正确入口在哪？登录 MasterGo 正式版，新建一个文件，点击顶部工具栏的 AI 图标，选择“AI 生成界面”——这才是构建移动端原型的正牌入口。整个过程不需要下载、授权，也不需要配置任何外部插件。

二、输入高质量提示词：效果好坏八成看这里

移动端原型效果好不好，百分之八十取决于你的描述够不够清晰。建议按四个层次来组织语言：

• 页面类型：直接写清楚“移动端 APP 首页”“微信小程序登录页”或“iOS 风格个人中心”
• 核心模块：用分号分隔，比如“顶部搜索栏；轮播图（含指示器）；3×2 分类图标网格；商品卡片列表（含图片、标题、价格、评分）”
• 视觉参数：指定圆角（如“圆角 12px”）、字体（如“系统字体 SF Pro Display”）、主题色（推荐用十六进制，比如“#FF6B6B”）
• 交互暗示：加一句“点击跳转至详情页”“底部 TabBar 固定显示”这类轻量说明

三、生成后的优化与导出

生成之后别急着导出，先做两件事：一是双击画布上的文字或组件，直接编辑内容（比如把“¥99.00”改成“¥129.00”）；二是右键图层选“AI 重绘”，输入类似“把导航栏背景改成半透明毛玻璃效果”来局部优化。最后点右上角“导出代码”，选 Vue + Element Plus 或 React + Ant Design，一键就能拿到可运行的前端片段。

四、避坑提醒：问题出在表达习惯上

常见卡点其实不是技术问题，而是表达习惯。有几个坑值得留意：

• 避免模糊词：“简洁大方”“高端一点”这类词效果很差，换成“白底+深灰文字+主色 #2563EB”就清楚多了。
• 模块之间用分号，别用逗号——逗号分隔的效果远不如分号稳定。
• 首次生成不满意？不用删掉重来，直接在输入框追加指令，比如“增加下拉刷新动效”“商品卡片间距调大 20%”。