我正在参与掘金创作者训练营第4期（带链接：juejin.cn/post/706419…
MasterGo 是什么
MasterGo是一款一站式产品设计平台，拥有实时协作、智能布局、设计系统、资源库等功能
一站式产品设计平台: UI设计师在线进行UI绘制，然后产品经理通过原型功能进行原型交互的设计，并且前端工程师可以在平台上根据UI设计稿进行开发
- 实时协作: 类似于腾讯文档那样多人同时绘画
- 智能布局: 父元素大小修改之后 子元素会自动适应
- 设计系统: 一系列文档元素、组件和区域、设计和前端指南的等完整的标准
- 资源库: 社区开源的设计系统、UI套件、Icons、插画
同类UI方案对比
| \ | MasterGo | photoshop | adobe xd | sketch | axure | figma |
|---|---|---|---|---|---|---|
| 实时协作 | √ | x | x | x | x | √ |
| 智能布局 | √ | x | x | √ | x | √ |
| 第三方插件 | x | √ | √ | √ | √ | √ |
| 原型 | 需借助蓝湖或者imgcook等平台 | 需借助蓝湖或者imgcook等平台 | 需借助蓝湖或者imgcook等平台 | 需借助蓝湖或者imgcook等平台 | 自身可以通过代码实现较复杂的原型，也通过蓝湖或者imgcook等平台 | 自带 |
| 文件大小 | x | GB级 | MB级 | MB级 | MB级 | x |
| 组件库同步 | 实时同步 | 需要复制文件来同步 | 需要复制文件来同步 | 需要复制文件来同步 | 需要复制文件来同步 | 实时同步 |
1. 控制台
登录之后 进入到控制台 可以看到
左侧 --> 可以对个人或者团队的设计稿进行管理
右侧 --> 资源广场, 这里可以找到社区开源的静态资源
下侧 --> 这里有官方的一些操作指南
2. 资源广场
这里的设计系统包括了
- tdesign
- semi design
- harmony os 2
- acro design
- antd pro
- antd chart
- antd pro
- fluent
- material design
- we ui
- ios
- 支付宝小程序控件库
就个人而言吧，这里缺少了vant、element-ui、fontawesome、echarts这类 本人比较常用的ui库
我们点击进入一个设计系统，然后点击右上方创建副本
左侧可以拖出组件库 进行使用
放置后可以双击组件里的文字 进行穿透修改
3. 更新频率
4. 性能
这里粗略的通过性能监视器来测试性能
-
figma cpu稳定在2%左右 偶尔跳到20%
-
MasterGo cpu稳定6%左右 偶尔调到20%
刷新进入的时候 点击按钮会没有反应
小结
从上面来看，它是有组件库、能够在线编辑。也有资源库可以使用
而且目前是免费的，会考虑在公司内部进行推广使用
最后
该软件本人使用时间不长。如有不对的地方，还请个位大佬指正
相关链接
在线产品原型图设计_网页设计工具_产品交互设计工具-MasterGo产品设计官网
蓝湖 - 高效的产品设计协作平台 (lanhuapp.com)
