0x01 前言

最近接触到MasterGo这款在线设计工具，发现挺不错的。一方面类似Sketch，学习成本比较低，另一方面资源比较多，组件套用、协同配合上也比较方便，因此学习一番，便于更高效运用这款工具。

---

0x02 功能介绍

1、导入导出

• 支持对Axure/Sketch等源文件导入
• 支持将所有图层导出在一个PDF、一张图片或打包zip在一个目录方式导出
• 支持导出Sketch格式本地存档

2、协同沟通

• 通过点击他人头像，可以跟随协作组视角
• 通过使用评论、校对、圈画的方式可以在线对设计调整/注意内容进行沟通，并可以@相关人员
• 通过右上角分享功能，配置访问权限后，便于设计图实时查看

3、历史版本

• 可以对历史版本进行恢复或创建副本
• 默认自动30s保存历史版本，可以手工添加历史版本做标记

4、自动布局

• 自适应元素布局，例如输入框和文字自适应，输入内容长短自动调节，避免来回调整

5、组件样式

• 通过建立组件，高效使用重复元素；子组件即实例，是母组件的副本，继承母组件元素和结构，子组件修改样式不会影响母组件，但此时母组件样式将不同，如果需要被同步点击重置所有改动
• 通过点击编辑组件按钮快速定位母组件
• 组件适合布局复用，组件集适合在不同条件下布局选择复用
• 创建组件，在名称中用/分隔，实现分层管理。

---

0x03 操作技巧

1、管理资源文件

参考团队资产管理方式，团队项目可以按照业务产线区分，文件可以按照功能模块或产品版本号分组，便于内容直观查看与管理。同时可以对每个文件设置封面，以及对文件内容以层级树方式管理版本，便于内容查看与方案复用。

2、汇总组件模板库

• 统一设计规范，如颜色、特效、文字、布局、图标、组件等风格
• 常用高频组件或样式，如威胁等级/高危色、详情页字体
• 常用demo复制数据，如漏洞类型、漏洞详情
• 常见场景设计模板/思路，如扫描任务、分析图表

3、常用快捷键

---

四、参考链接

MasterGo资源社区
MasterGo帮助中心