功能更新|UI 组件,可以像搭积木一样自由组合吗?

MasterGo

官方 · 2022年03月17日

1.png

MasterGo 「组件状态」功能来啦!

借鉴开发思维,简化组件引用方式。

很方便是多方便?

一起来看看吧!

界面设计,经常需要使用一些常见的 UI 元素。若每开始一个新项目,都得来一次形、色、字、构、质的洗礼,实属大可不必。

高端的设计师,往往采用最朴素的处理方式,“都绑起来,打包入组件库!”

然而,一个组件往往需要设计多种状态样式,子组件数量庞大,样式稍有调整,都得在库里“地毯式”搜索。

如何快而好、精准有效地重拳出击,简化组件数量、便捷管理和引用呢?

MasterGo 「组件状态」给出了一个优雅的答案:“开发思维管理,积木组合搭配,是体验过才会懂的真香。”

2.gif

自定义状态,任意组合实例

「组件状态」可以自定义可变组件的属性和值,多种状态样式一键切换,再也不用在组件库里来回翻找啦!

3.gif

4.gif

更少的组件,更高效的开发

MasterGo 采用更符合编程逻辑的组件管理方式,可以有效控制 UI 组件的数量,提高开发效率。

简单命名,高效接管设计系统

当设计系统迁移到 MasterGo 时,只需按【属性/值】方式命名你的组件,「组件状态」会自动存储可变组件的属性和值,帮你高效管理设计系统。一千个组件,也是一万个放心。

5.png

多“集”入口,轻松添加组件状态

MasterGo 提供多种方式添加组件状态,让可变组件快速组合入集。

  • 你可以点击右侧属性面板「组件状态」旁的「+」图标,或组件集框右下角的「+」图标,将可变组件加入组件集。

6.gif

  • 也可以直接将可变组件拖入组件集中。

7.gif

「组件状态」将设计与开发紧紧串联,避免重复操作、确保高效交付与开发。让每一个在 MasterGo 上设计协作的团队,都能获得快人一步的愉悦体验。

有时候,设计提效不需要大刀阔斧的改革,重新认识组件这件事,就够了。

或“大步流星”、或“小步快跑”,每个产品都正在紧锣密鼓地向前奔袭。作为一款为团队效率而生的设计协同工具,我们希望每一位设计师、每一个团队,都能通过 MasterGo 将伟大的想法变为现实,一起见证美好的数字世界更快到来。

面向团队的专业 UI/UX 设计工具

免费使用