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

产品: Figma猎人: 龙爪槐守望者观众: 8.8k人 时间: 2025-11-04

Figma

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

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

细节描述

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

9.325人评分
收藏 1
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

能对消息推送进行设置的「华尔街见闻」,是业界良心本心了
华尔街见闻

用户体验能对消息推送进行设置的「华尔街见闻」,是业界良心本心了

猎人 - AmberDu小白0.0

你有没有每天被各种app的信息推送「轰炸」的烦恼? 「华尔街见闻」会在用户第一次打开应用时就提醒用户修改推送设置,避免过多的信息推送对用户造成打扰。根据自己对财经资讯的需求,...

查看详情

#个性化#华尔街见闻#情境预判

Figma藏了个神器,你知道怎么一键收拾图层吗?
Figma

新功能Figma藏了个神器,你知道怎么一键收拾图层吗?

猎人 - 龙爪槐守望者8.9

在Figma里埋头改稿两小时,一抬头发现图层列表炸了——几百个展开的组和嵌套框架像洪水一样淹没了整个面板,光是拖动滚动条就要花半分钟!更绝望的是,当你想整理干净时,必须手动挨...

查看详情

#图层#快捷键#折叠

饿了么更名淘宝闪购,阿里为何要亲手终结一个13年的国民品牌
淘宝闪购(饿了么)

图标设计饿了么更名淘宝闪购,阿里为何要亲手终结一个13年的国民品牌

猎人 - 龙爪槐守望者7.8

你可能已经注意到了,饿了么那个熟悉的蓝色「e」字图标,最近悄悄变脸了。一角被缓缓撕开,露出了底下那抹熟悉的淘宝橙。这个小小的变化,这究竟是设计师的又一次炫技,还是暗示着一场巨...

查看详情

#品牌#图标#格式塔