mockplus导出原型有七种方式:一、导出html5离线包,供浏览器离线查看;二、导出演示包,内置运行环境,保证交互动效一致;三、在线发布获网页链接,支持远程协作;四、生成原型码与二维码,用于手机app扫码审阅;五、导出静态图片,适用于汇报与存档;六、导出项目树,支持多种格式梳理逻辑结构;七、导出mp源文件,用于本地备份与跨设备复用。

如果您已完成Mockplus原型设计,需要将成果交付给开发、测试或客户审阅,则需通过导出功能生成可查看、可分享的交付物。以下是Mockplus导出原型的多种方法:
一、导出为HTML5离线演示包
该方式生成一个包含全部页面逻辑与交互的完整网页文件夹,可在无网络环境下用任意浏览器直接打开,适合内部评审或部署至内网服务器。
1、在Mockplus主菜单栏,点击“导出”选项。
2、从下拉菜单中选择“导出HTML演示”。
3、在弹出窗口中可设置Logo、设备外壳样式、是否显示链接区域等演示参数。
4、点击“确定”,系统自动生成ZIP压缩包,解压后双击index.html即可运行。
二、导出为独立可运行的演示包
此包内置轻量级运行环境,不依赖外部浏览器兼容性,能100%还原设计时的交互动效与视觉表现,特别适用于对演示一致性要求高的场景。
1、进入主菜单栏,点击“导出”。
2、选择“导出演示包”。
3、设置包名称、保存路径及启动画面(可选)。
4、点击“导出”,生成.exe(Windows)或.app(macOS)格式文件,双击即可全屏演示。
三、在线发布并获取网页链接
通过Mockplus云服务生成公开或私密访问链接,便于远程协作与快速分发,支持实时更新与访问统计。
1、点击主工具栏右上角的“发布”按钮。
2、在发布面板中选择“网页发布”模式。
3、确认项目信息后点击“发布”,等待构建完成。
4、复制生成的URL链接,如https://run.mockplus.cn/xxxxx,发送给他人即可直接在浏览器中查看。
四、导出为手机端可用的原型码与二维码
该方式专为移动端审阅设计,支持通过Mockplus手机App扫码或输入编码即时加载,无需安装额外插件,适配iOS与Android。
1、点击主工具栏“发布”按钮启动发布流程。
2、发布成功后,面板中同步显示唯一6位原型码及动态二维码。
3、将原型码AB1234告知对方,或发送二维码截图。
4、接收方打开Mockplus手机App(MKPlayer),点击“输入原型码”或“扫描二维码”,即可加载对应原型。
五、导出静态图片用于汇报与存档
适用于向非设计人员展示界面结构、进行PPT汇报、打印文档或作为UI规范附件,支持单页/多页、JPG/PNG格式及多倍率导出。
1、在主菜单栏点击“导出”,选择“导出图片”。
2、在弹窗中勾选目标页面(当前页或全部页)。
3、设置图片格式(JPG或PNG)、分辨率倍率(1x/2x/3x)及背景透明度。
4、点击“导出”,系统按页面顺序生成带编号的图片文件。
六、导出项目树结构文档
用于梳理原型逻辑层级、同步页面关系、辅助编写PRD或移交开发,支持导出为树状图、脑图、Markdown、XML等多种结构化格式。
1、点击主菜单栏“导出”,选择“导出项目树”。
2、在导出类型列表中任选一种格式,如Markdown或HTML。
3、设定导出范围:可包含页面、组件、交互说明等元数据。
4、点击“导出”,保存为对应格式文件,可直接嵌入文档或导入思维导图软件。
七、导出MP源文件用于本地备份与跨设备复用
该格式为Mockplus原生项目文件,保留全部设计元素、交互逻辑与历史版本信息,是个人项目长期存档与重新编辑的唯一可靠载体。
1、主菜单栏点击“另存为”(个人项目)或“导出 → 导出MP文件”(协作项目)。
2、选择本地存储路径,确认文件名以.mp为后缀。
3、点击“保存”,生成完整项目快照。
4、后续可通过双击.mp文件,或在Mockplus启动页选择“打开本地项目”重新载入编辑。










