原子设计Figma 变量更新!轻松搞定复杂的多品牌UI设计

产品: Figma猎人: 龙爪槐守望者 时间: 5小时前

Figma

与「Figma」有关的细节还有 30查看全部

我也有新发现 我要投稿
Figma 变量更新!轻松搞定复杂的多品牌UI设计Figma 变量更新!轻松搞定复杂的多品牌UI设计

细节描述

龙爪槐守望者: 公司旗下好几个子品牌,每个品牌都有自己的一套视觉规范。作为设计师,你一边要维护主设计系统的一致性,一边又要为各个子品牌的「个性化」需求焦头烂额。每次主系统一更新,所有子品牌的文件都得手动改一遍,简直就是一场像素级的灾难。 Figma 推出的扩展集合(Extended Collections) 功能,就是为了解决这个多品牌设计系统管理的难题。 设计系统团队先创建一个不带任何品牌色彩的「白牌」核心系统 (White-labeled Design System)。这个系统里的设计变量(Variables)只定义功能,不定义颜色。比如,定义一个叫主按钮颜色的变量,但不规定它具体是红色还是蓝色。 子品牌来认领和扩展:各个子品牌的设计师可以扩展这个核心系统,创建一个自己的品牌集合。在这个集合里,他们可以把自己品牌的颜色(比如品牌蓝)指定给主按钮颜色这个变量。 继承与覆盖,一脉相承又各有千秋:最妙的地方在于,子品牌的集合和核心系统是动态关联的。如果核心系统增加了一个新的变量或者优化了某个组件,所有子品牌的集合都会自动继承这些更新。同时,子品牌对自己颜色的特定设置(覆盖)又会被保留下来。

91人评分
收藏
分享细节海报

发表评论 为下方 1 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

Aha!滑动标签标记心情的交互与反馈
Soul

手势交互Aha!滑动标签标记心情的交互与反馈

猎人 - Monster7.0

不同于其他社交类App常规的表情选择交互方式,「Soul」团队为产品设计了滑动选择表情的交互模式,来标记心情。这样的设计还挺新颖的,很符合年轻人追求新鲜感和个性化的特点。

查看详情

#Soul#个性化#交互手势

设计师效率翻倍!Figma内置无障碍检测全解析
Figma

无障碍设计设计师效率翻倍!Figma内置无障碍检测全解析

猎人 - 龙爪槐守望者9.5

你有没有想过,视障用户眼中的世界是什么样的?那些我们习以为常的颜色,对他们来说可能是模糊的、难以区分的。普通用户一眼就能分辨的红绿蓝,在视障用户眼中可能是毫无差别的灰。

查看详情

#对比度#无障碍#设计工具

不只是logo!即梦的品牌设计为什么能形成完整闭环?
即梦AI

UX文案不只是logo!即梦的品牌设计为什么能形成完整闭环?

猎人 - 龙爪槐守望者9.0

你有没有过这样的瞬间?脑海里闪过超精彩的画面,可怎么都没办法原样呈现出来。现在有了 AI,这些难题都迎刃而解,它能把我们梦里、脑子里的画面变成实实在在的图片和视频,简直就是 ...

查看详情

#AIGC#loading#UX文案