原型文件

原型文件是 MasterGo 中专门用于创建交互原型的文件类型。与设计文件不同，原型文件专注于快速搭建交互流程，内置了丰富的组件资源、交互控件和预览调试工具。

原型文件 vs 设计文件

特性	设计文件	原型文件
文件后缀	`.mg`	`.mxgp`
主要用途	UI 视觉设计、组件设计	交互原型、流程演示
编辑环境	设计编辑器（图层/画布/属性面板）	原型编辑器（画布/交互面板/资源库）
内置组件	需从团队库订阅	预置大量交互组件（表单、表格、图表等）
导入支持	.fig/.sketch/.xd 格式	.fig/.sketch/.xd/.html/.jsonl 格式

创建原型文件

方式一：从工作台创建

在工作台首页或项目页面，点击「新建」按钮
在下拉菜单中选择「新建原型文件」
系统新建设计文件(createDocument)，以「新文件」命名
文件自动在原型编辑器中打开

方式二：从导入文件创建

在工作台点击「导入文件」，或直接拖拽文件到工作台
支持的格式包括：Figma、Sketch、Axure、XD、HTML 文件等
导入时可选择导入为设计文件或原型文件
对于 Axure 文件导入，默认导入类型即为原型文件

原型编辑器界面

打开原型文件后，编辑器界面包含以下区域：

顶部导航栏

文件名称与文件类型标识
视图控制（缩放、多人光标等）
分享按钮
字体缺失提示（A? 图标）

左侧面板

图层栏：查看页面结构、选中图层
组件面板：管理原型中的组件
资源库：内置五类资源——
- 基础资源（按钮、输入框、表格、图表、导航等交互控件）
- 页面资源（预设页面模板）
- 图标库
- 组件（可订阅团队库组件）
- 智能填充（数据填充工具）

画布区域

无限画布，支持页面和容器的创建与管理
点击容器 → 拖拽连接线 → 建立页面间的交互流程

右侧属性面板

属性标签：选中图层的样式属性（尺寸、填充、描边、特效、文字等）
原型标签：交互设置（触发类型、目标页面、转场动画等）
研发模式标签：查看代码标注

本章内容

原型工作区 — 编辑器界面、页面与图层、资源库、组件库、偏好设置
基础表单控件 — 按钮、输入框、下拉菜单、开关切换等常用交互控件
动态面板 — 多状态切换容器，实现选项卡、折叠面板等交互
表格 — 数据表格的创建、编辑与交互设置
图表 — 常用图表的创建与数据绑定
树形控件 — 树形结构的创建与交互
注释 — 原型中的标注与注释功能
交互与预览 — 交互设置、预览、分享的快速入口

交互与预览

原型文件的交互、预览和分享功能与设计文件一致，详见设计文件 → 原型设计。

快速开始

在工作台点击「新建」→「新建原型文件」，或直接导入 Sketch/Figma/Axure 文件
从左侧资源库拖拽交互组件到画布上搭建页面
选中图层 → 切换到原型模式 → 拖拽连接线到目标页面
在右侧面板设置触发方式和转场动画
点击「预览」测试交互效果