功能更新|设计系统多项优化,给你更优质的体验!

MasterGo

官方 · 2022年03月12日

春节长假“咻”的一下就过了,那些「节后再做」的事开始了吗?

2022 开工季,在这里祝大家新的一年,不佛不卷不 emo,职场生活两不误~

虎年更新第一趴,从避免重复设计开始!跟我一起来看看吧。

设计系统-1_画板 1_画板 1.png

设计创作时,若不考虑可复用性,快餐式一轮又一轮的成本重复投入,只会进一步拖慢效率、摧残精力。

因此,我们在过去推出了「组件样式」和「团队库」功能:

  • 重复元素打组放入组件库高效管理。

  • 使用样式自定义颜色、文字和特效。

  • 与团队成员创建和共享设计资源。

帮助设计师在创作过程中避免一次性设计,真正解放双手。

现在, MasterGo「组件样式」和「团队库」再次升级!

2.png

继承了以往优秀功能的同时,还有更直观的组件样式展示、更方便的实例替换、更自由的团队库管理,让每一位设计师、每一个设计团队在创作过程中都能获得更舒心的体验。

一起来感受一下「组件样式」和「团队库 」升级后的优秀表现吧!

更直观的组件样式展示

遇到重复的设计元素,我们只需要在组件库里搜寻类似的组件拖到画布中使用。

但随着组件队伍越来越庞大,快速定位想要的某个组件,可不是一个轻松的活儿。

为了解决这个问题,本次「组件样式」我们优化了组件面板中的组件缩略图、分类展示效果。

  • 缩略图大小随组件尺寸、比例变化, 让 icon 和大组件的展示更合理。

3.gif

  • 组件面板当前分类的名称会高亮显示, 名称展示更全更清晰。

4.png

  • 缩略图背景将会跟随组件父级、画布的背景色 ,在面板中更清楚地显示。

5.gif

  • 组件面板中列表、宫格自由切换,帮助设计师快速获取组件信息,定位想要使用的组件,组件搜寻更灵活。

6.gif

另外,在 MasterGo 中,「样式」可以帮助我们更快复用文字、颜色、效果等到设计中。

本次我们对「样式」功能的呈现细节做了优化,希望设计师们在使用的时候有更舒适的体验。

  • 颜色样式、替换弹框支持宫格列表切换,查看方式更多样,帮助设计师快速获取颜色信息。

7.gif

  • 样式图标优化,新增了带透明度的颜色样式的同时,优化了背景模糊、高斯模糊、内、外阴影的图标样式。

8.png

更方便的实例替换

组件和实例永远是同步的,在 MasterGo 中,就像编辑普通图层一样,我们可以自由地对「实例」的大部分属性进行编辑修改。

为了让设计师更便捷、畅快地使用实例开展设计,我们新增了「拖动替换实例」功能。

按下【 option / alt 】键进入拖动替换模式,从左侧组件面板拖动实例移动到画布中的实例处即可完成替换。

9.gif

更自由的团队库管理

使用 MasterGo 开展设计的团队,团队成员间可以创建和共享资源,一起协作处理文件和项目。每一位成员都可以通过「团队库」使用到最新的组件,提升设计效率、保证一致输出。

本次「团队库」优化升级,团队库里的文件更新将由设计师把控,同时支持默认团队库,不用再重复设置,我们一起来看看吧~

  • 组件和样式支持选择发布,以往组件和样式上传到团队库里需要全部上传,一些还没来得及修改的组件也会上传上去。

10.gif

现在,在原有功能的基础上,添加了勾选更新的选项,当你想要将新文件里的内容“添加为团队库”或者将已有的文件“上传更新”至团队库时,可以单独选择接受哪些上传和更新。

  • 支持设置默认团队库,团队中诸如基础组件样式等文件使用频繁,以往每一次创建新的设计文件都要重新设置开启。

11.png

现在我们支持默认团队库,团队管理者可以给成员设置默认的组件库,在进入团队的那一刻起就可以第一时间使用到团队里的资源。

以上就是本次功能更新与优化的内容,除了「组件样式」和「团队库」功能更新与体验优化外,我们正一刻不敢停歇地优化产品使用体验以及开发新功能。 2022 年还有更多惊喜不断,记得持续关注哦!