暗色模式
认识 MasterGo
欢迎来到 MasterGo！本指南将从零开始，带你了解 MasterGo 是什么、能做什么，以及如何快速上手。
关于 MasterGo
MasterGo（莫高设计）是北京创作美好科技有限公司推出的 AI 时代的数字界面生产平台，已成为无人机、电商、社交、搜索、短视频、新能源、游戏、教育、安全、金融、出行、物流等 20 多个行业的 100 多家头部企业的共同选择。
2023 年 9 月，信通院发布《中国数字经济发展研究报告（2023 年）》显示 MasterGo 在国产协同设计产品中占到了将近 80% 的份额。截至 2025 年底，国内协同设计市场占有率达 79.25%，稳居行业首位，已服务中国电信、新东方、小鹏汽车、360、科大讯飞等头部企业。
公司发展历程
- 2021 年 1 月：MasterGo 内测
- 2021 年 10 月：MasterGo 正式发布
- 2022 年 3 月：发生"黑天鹅"事件，MasterGo 迅速推出资产承接功能
- 2022 年 4 月：推出"国产设计软件共创计划"，成为 100+ 头部客户的共同选择
- 2023 年 2 月：全球首发圆角、布局间距、描边粗细 3 类新样式
- 2023 年 3 月：成立 MasterGo AI 实验室
- 2023 年 7 月：推出 MasterGo 企业版
- 2023 年 11 月：重磅推出 MasterGo 2.0，发布中文名"莫高设计"
- 2024 年 9 月：付费服务正式发布，推出初创版、团队版、企业版、私有化版
- 2024 年 11 月：MasterGo AI 生成 UI 全量公测
- 2025 年 3 月：正式支持 MCP（模型上下文协议），AI 可深度操作画布
- 2025 年 7 月：入选澎湃新闻全球百大 AI APP 关注榜单
- 2025 年底：国内协同设计市场占有率达 79.25%，位居行业首位
- 2026 年 6 月：AI Agent 全面接入 MCP 协议，实现与 Cursor、VS Code 等 IDE 深度集成
MasterGo 核心能力演进
MasterGo 2.0（2023 年 11 月）发布了三大核心方向，此后持续演进：
- 设计工程化：打通产品设计团队与研发团队的无缝协作，支持设计图一键转代码（D2C Pro），前端 UI 还原工作量减少 40%-50%
- 企业级解决方案：基于大量头部客户实施经验，提供产设研一体化方案，支持信创全适配（麒麟、统信 UOS、国密算法加密）
- MasterGo AI：
- AI 快搭：支持文字/语音/参考图多模态生成 UI，生成结果直接插入可编辑画布
- AI 设计助手：深度感知企业设计系统，自动提取 Design Tokens，确保产出符合规范
- MCP 协议集成：2026 年 6 月 AI Agent 全面接入 MCP，实现与 Cursor、VS Code 等 IDE 深度集成，AI 可直接读写画布
MasterGo 能帮你做什么
MasterGo 是面向团队的专业 UI/UX 设计工具，支持多人同时编辑、随时在线评审、设计一键交付，让产品经理、设计师、工程师高效协作。
对于产品经理
- 在线绘制原型，实时查看最新设计文件
- 一键生成高保真原型
对于设计师
- 设计文件云端存储，实时更新
- 多人实时协作，创作得心应手
对于工程师
- 随时随地查看设计图
- 自动获取标注代码
- 下载多种格式切图
使用 MasterGo 与团队协同工作，可以有效地提升从想法到现实的整个工作流效率。
开始使用
注册与登录
- 前往 mastergo.com，点击右上角 开始使用，然后点击 注册
- 输入邮箱和密码完成注册
- 登录后即可进入文件页面
文件页面概览
进入 MasterGo 后的工作台主要分为以下几个区域：
左侧栏包含：
- 主页：显示你的全部文件
- 草稿箱：存放你的个人文件
- 分享给我的：显示别人分享给你的文件或访问过的公开文件
- 回收站：存放被删除的文件，可恢复或永久删除
- 团队目录：带有圆形图标的是团队，团队下面展示项目列表，最下方可以找到「新建团队」按钮
文件区域：
- 搜索：支持按文件名搜索所有文件
- 新建和导入文件：点击右上角「新建」开始设计，同时也支持导入 Sketch、Figma、XD 文件
- 文件管理：支持按最近打开、最近创建或最近修改排序；每个文件显示名称、所在项目、最近修改时间和当前协作成员
右侧栏：
- 消息列表：铃铛图标，显示团队或文件邀请信息
- 头像：点击可访问官网、进入个人设置或退出登录
操作界面介绍
MasterGo 界面支持深色/浅色主题切换（默认为深色），分为以下几个核心区域：
工具栏：包含设计时使用的各种工具和功能。左侧工具统一为向画布置入内容的操作，右侧为对视图内容进行操作的工具，中间部分显示的内容取决于你在画布上选择的内容。
常用工具速览：
| 工具 | 快捷键 | 说明 |
|---|---|---|
| 选择工具 | V | 默认工具，用于选择和移动图层 |
| 等比缩放工具 | K | 等比例缩放选中对象 |
| 容器工具 | F | 创建容器，功能强于传统画板，支持多层嵌套 |
| 矩形工具 | R | 绘制矩形，下拉可切换其他形状 |
| 钢笔工具 | P | 在画布上绘制任意矢量图形 |
| 文字工具 | T | 点击画布即可创建文字 |
| 移动视图工具 | H | 拖拽移动画布（按住空格键或鼠标中键也可触发） |
属性栏：在「设计模式」下查看或调整所选对象的属性；在「标注模式」下查看所选对象的代码标注。
页面 / 图层栏：访问文件中包含的页面、图层、组件和资源库。
导出资源：支持导出为 PNG、JPG、SVG、WebP 格式。也可以将整个文件导出为 PDF 或 Sketch 格式。
MasterGo 核心创作能力
设计系统，保证设计一致性
- 可复用样式：文字、颜色、特效可设置为样式一键复用，修改样式后全局同步
- 灵活的组件：快速编辑并设置覆盖，配合样式实现"改一处，改所有"
- 同步给团队：只需点击几下，所有组件样式都可共享给整个团队使用
自动布局（响应式设计）
自动布局功能可以使按钮自动响应文字变化，列表层级自由调整，一稿适配多设备尺寸，随时根据内容变化调整布局。
智能辅助功能
- 快速填充素材：用资源库快速填充图片、文字等素材
- 颜色选集：相同颜色一键修改
- 智能整理：点击一下，凌乱的图层就能变得整齐有序
多端字体，告别字体丢失
- 本地字体：支持本地字体插件
- 云端字体：预置海量可商用字体，无需安装字体即可看到正确的字体样式
- 团队共享：字体一键上传至团队库，成员都可使用
- 保存字形：默认保存文字的矢量字形，确保分享给任何人看到的效果一致
交互原型
- 原型连线：连接界面并选择合适的交互和动画，直观展现界面跳转流程
- 交互事件：多种常用的交互事件和精细的参数设置
- 智能动画：识别设计图中相同元素，智能生成放大缩小、位置移动、颜色变换等转场动画
- GIF 动图：可用作视觉元素或界面背景
页面逻辑绘制
MasterGo 的「连接线」工具，可用于绘制页面逻辑关系，支持：
- 连接多类图层
- 跟随图层移动
- 自由调整路径
- 便捷添加说明
插件生态
MasterGo 提供多款插件，通过简单直观的方法增强创作能力，帮助优化例行和重复性任务。
如何进行团队协作
文件分享
一个链接即可共享文件，不用来回传输文件，随时随地与团队成员一起在线创作。
评论功能
在评论模式下添加评论或校对内容，高效沟通与调整设计图，解决沟通不及时、信息不对称等问题。
跟随视角
点击任意在线成员头像，即可看到该成员的操作画面，适用于设计评审和头脑风暴场景。
文件统一管理
MasterGo 实现了统一管理设计文件，实时同步，各个项目成员能够同时参与项目设计流程，无需在多个版本间频繁切换。
交付开发
自动标注
标注模式提供"自动标注"功能，清晰生成每个元素的尺寸、位置、颜色、间距、字号等标注。一个分享链接，工程师就能随时查看和下载切图。
支持「离线标注」，使用离线标注插件一键将标注和切图导出到本地。
一键切图
预设 iOS、Android、Flutter 设备的尺寸、倍率、前后缀、格式等参数，一图精准匹配多设备、多尺寸使用需求。
设计图同步蓝湖
设计图文件可一键同步至蓝湖，满足习惯使用蓝湖查看标注的工程师需求。
从 Figma / Sketch 切换到 MasterGo
如果你之前使用 Figma 或 Sketch，以下是一些关键区别和操作指南。详细迁移步骤请参阅 从 Figma 迁移 和 从 Sketch 迁移。
容器 vs 画板
- 容器可以作为画板来使用：选择容器工具后，在右侧选择预设好的屏幕尺寸，或直接拖动并在属性面板中设置宽高
- 容器也可以作为矩形来使用：添加填充、描边和圆角等属性
- 容器中也可以包含容器：像编程结构一样组织元素。推荐将容器视为编组的替代品，例如绘制一个容器并在其中创建文字来构建按钮
如何取消对容器的约束
MasterGo 暂不支持取消约束，可以按住 Command 键调整容器大小来忽略约束的效果。
钢笔工具的区别
MasterGo 的钢笔工具采用矢量网格，没有方向，每个锚点可连接多条路径而无需创建新对象，比传统矢量路径工具绘制速度更快。
删除锚点
- 直接删除锚点会使闭合路径断开
- 按住 Shift 键删除锚点，可保持路径闭合
蒙版类型
MasterGo 提供两种蒙版方式：
- 透明度蒙版（默认）：调整蒙版层不透明度时，上方图层会跟随变化
- 轮廓蒙版：调整蒙版层不透明度时，上方图层不受影响
若需显示蒙版层，在右侧面板中勾选「显示蒙版层」即可。
快捷键适配
如果你习惯了 Sketch 的操作方式，可以打开偏好设置（点击画布左上角菜单按钮 > 偏好设置），开启「Sketch 快捷键适配」。还支持设置「移动测距」和「新建图层位置在选中图层之上」。
隔离移动
选中相应图层，鼠标单击并拖动，即可绕过上方遮挡图层进行隔离移动。
删除参考线
点击左上角菜单图标，在视图中选择「删除全部参考线」即可一键清除。
如何开展一个新项目
以下是从 0 到 1 开展新项目的关键流程：
第一步：创建团队
在新项目开始前，建议先在 MasterGo 上创建团队并邀请所有需要协作的成员加入。这样团队成员可以随时随地访问团队内文件，方便统一管理权限。
创建团队：点击工作台左侧边栏的「新建团队」，编辑团队名称、简介、上传团队标志，点击「创建团队」。
建议由团队管理者用企业邮箱注册并完成团队创建。
邀请成员：通过以下两种方式邀请：
- 链接邀请：复制链接发给被邀请成员
- 定向邀请：在弹窗内输入成员信息，点击发送邀请
受邀者会收到邀请邮件，点击确认按钮即成功加入团队。
管理成员：在团队主页的成员标签页中，可根据需要设置成员身份角色。
第二步：搭建团队组件库
在新项目开展前，强烈建议为新项目搭建专属的团队组件库。
新建组件库项目：推荐为团队组件库单独创建一个项目，确保组件库的管理不受其他项目干扰
搭建组件库：为组件、字体、颜色样式、特效样式等制作规范，任何修改实时同步
导入已有组件库：如果已在其他工具中搭建了组件库，可将其导入 MasterGo 进行维护
上传至团队库：将组件、样式和变量发布至团队库，让成员快速调用
仅文件的创建者有权限上传和更新团队库。
- 更新团队库：修改组件、样式或变量后，在「上传更新」处选择更新内容并添加描述，团队内成员会看到更新提示
第三步：应用团队组件库至项目
在团队的其他文件内，打开组件面板的管理弹框，找到已发布的团队库，点击开启即可调用团队库的组件、样式和变量。
- 调用团队组件：选中所需组件，拖拽入画布即可
- 调用团队样式：在右侧属性栏中为文字、颜色、特效设置已有的团队样式
第四步：管理项目设计资产
随着项目推进，建议通过以下方式精细化管理团队设计资产：
设置文件封面：
- 创建一个名为"封面"的页面
- 绘制一个 1600 x 900 容器，添加 logo、图标、需求状态等元素
- 右键单击容器并选择「设置为文件封面」
文件分组管理：
建议按以下方式分类：
- 按功能模块分组：适用于功能模块多的业务/产品项目
- 按人员分组：适用于每个设计师负责独立模块的场景
- 按项目进展分组：适用于注重不同进展阶段的团队
- 按适配设备分组：适用于多系统设备开发项目
- 按版本号分组：适用于版本迭代频繁的项目
原型文件上手指南
MasterGo 全新推出原型文件功能，专为产品经理打造，支持快速导入与搭建原型。
核心优势
- 产设工具一体化，统一管理原型和设计文件
- 支持产品经理直接使用设计师创建的组件库
- 预置 Element、Ant Design 等大厂资源库
- 提供官方可交互控件，避免额外交互设计
- 多人协作实时同步更新
如何进行原型设计
- 创建页面与容器：容器预设多种终端设备尺寸规格，也可从资源库选用标准化页面模板
- 添加布局与元素：使用资源库快速添加动态面板、表格、按钮、文本框等元素；通过注释功能说明交互逻辑
- 添加交互：为容器、图层或元素设置触发、动作、动画、效果和溢出滚动等
- 分享与协作：分享原型链接，分配「可查看」或「可编辑」权限，使用评论与校对功能进行线上讨论
- 预览原型：使用预览功能演示交互效果，支持多终端模拟环境配置
- 交付：完成设计后，可将原型文件直接复制到设计文件中继续高保真设计
订阅团队库
原型文件不支持发布团队库，但可以使用团队成员发布的团队库或预置团队库。
- 点击界面左侧资源栏的「组件」按钮
- 在"资源库-组件"中，点击右上角的「团队库」图标
- 在弹出的团队库窗口中，进入"管理"页面订阅或取消团队库
- 可使用搜索框输入关键字查找指定团队库
- 在"此文件 - 预置组件库"中，开启目标组件库开关
- 在"我的团队"或"其他团队"中，开启目标团队库开关
预览原型
支持三种方式进入预览模式：
- 点击界面右上角的预览按钮
- 点击画布中的流程播放按钮
- 在右侧原型属性面板的流程列表中，点击对应流程的播放按钮
注意：进入预览模式后，只能看到一级容器中的内容。
分享原型文件
点击页面右上方的「分享」按钮，可通过站内邀请或生成链接的方式分享原型文件。分享时支持设置权限为"可查看"或"可编辑"。
Axure 原型文件迁移
- 点击导入文件，选择「Axure 导入」
- 在"导入至"中选择目标位置
- 直接拖入文件，或点击导入区域根据提示操作
- 在弹窗中选择「导入为 - 原型文件」，点击「确定」
进阶技巧
自动布局：默认情况下，自动布局容器内的元素受布局约束。如需特定元素脱离布局限制，可选中子元素，在右侧属性面板中开启「绝对定位」。
组件属性：原型文件可使用团队库中的组件及组件属性功能，通过组件属性可以直观地修改：显示/隐藏图层、更改文本内容、切换嵌套实例、调整组件状态或尺寸。
如何学习更多技巧
- 查看帮助文档：浏览左侧导航栏，了解产品构成
- 查看视频教程：快速上手小视频
- 查看操作指南：创建副本按指南操作
- 查看临摹活动：保姆级教程，一起学习一起成长
- 关注 MasterGo 微信公众号：第一时间了解产品资讯和最新功能
遇到问题怎么办
- 在线客服：在工作台或画布界面点击右下角的问号按钮，联系在线客服
- 问题上报：遇到产品 Bug，点击问题上报，根据提示描述信息并上传截图或视频，提交后可自行查看处理进度
- 给产品提需求：详细描述使用场景和期望的解决方法，提交后产品经理可能会直接与你交流
- 帮助中心：进入帮助中心页面，根据关键字搜索对应的帮助文档
现在你已经了解了 MasterGo 的全貌，接下来就可以创建你的第一个设计文件，开始创作之旅了！