返回所有作品
05 / 06 · 2023

Atlas 设计系统

让十四款产品说同一种话

客户
某上市科技集团内部
角色
设计系统主理
时间
2022.06 — 2023.12
年份
2023
A

这家公司有三个独立的产品线,十四款对内对外的产品,每条线都有自己的组件库、自己的颜色定义、自己的栅格。设计师之间的协作成本极高,工程同学看见设计稿就头疼——同一个下拉菜单可能有五种实现。

Atlas 的任务是找到这些差异里的公约数,抽象出一套真正能复用的 token 和组件。我们没有追求「大一统」,而是做了三层结构:最底层的 token(颜色、间距、字号)全公司统一;中间层的组件(按钮、输入框、弹窗)提供标准实现,但允许产品线按需定制;最上层的模式(登录流、结算流)开放给各产品线自己组合。

一年后,新员工从入职到产出第一个能上线的界面,平均时间从两周缩短到三天。

设计系统Token文档