设计系统管家:场景案例

设计系统管家:场景案例

Written By
技能练习生
技能练习生

来看看在真实的办公场景中,其他设计师和开发者是如何利用“设计系统管家”扭转乾坤的。

案例 1:在双十一前夕紧急更改品牌色

距离大促上线只有 6 小时,市场部突然要求把所有活动相关的“品牌红”稍微调亮 10%,以应对不同屏幕的显示偏差。如果是以前,你需要手动打开几十个 Sketch 或 Figma 文件,逐一寻找并替换。但现在,你只需要对管家说:

“请将全站的促销主色(Promotion Primary)从 #E02020 更新为 #F03030,并确保所有关联的抢购按钮自动同步。”

管家瞬间完成了底层的 Tokens 更新,并自动生成了一份变更日志发给研发同学。你甚至还有时间喝杯咖啡,而不是忙着在各个页面间疯狂复制粘贴。

案例 2:为新晋实习生快速对齐设计标准

公司来了一位新设计师,他需要快速设计一个支持“加载中”和“报错”状态的注册按钮,但他还不熟悉公司的 UI 规范。与其丢给他一份 200 页的 PDF 说明书,不如让他问问管家:

“我们的主按钮在‘加载中’和‘成功提交’状态下分别应该呈现什么视觉效果?”

管家立刻展示了规范中定义的按钮变体,包括具体的背景色、图标位置以及动画持续时间。实习生无需反复询问带队导师,就能产出 100% 符合标准的稿件,极大地降低了团队的带教成本。

案例 3:统一跨部门的交互“黑话”

在评审会上,设计、产品和研发常因为“那个浮窗”还是“这个弹窗”争论不休。为了终结这种低效对话,产品经理在群里艾特管家:

“这种需要在不打断用户流程的情况下给出简短反馈的场景,我们系统里推荐用哪种模式?”

管家给出了“Toast 提示”和“Snackbar 模式”的对比建议,并明确指出在当前移动端架构下,Snackbar 是最佳实践。大家对齐了术语,也对齐了认知,评审会效率提升了不止一倍。