mcpField
D
design-system-governance

design-system-governance

github.com/owl-listener设计与 UI3.1k1.8k 次安装8 周前更新
代码仓库

关于 design-system-governance

面向需要建立设计系统治理流程的团队,涵盖所有权、贡献、发布与质量管理。内容比较集中地梳理集中式、分布式和混合模式,以及变更与弃用政策。

主要功能

  1. 01所有权模式指导
  2. 02贡献流程定义
  3. 03语义化版本指导
  4. 04弃用与破坏性变更政策
  5. 05组件质量标准

适用场景

  1. 01为设计系统选择治理模式
  2. 02制定贡献的评审与发布步骤
  3. 03规划破坏性变更的通知和迁移路径

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/owl-listener/designer-skills --skill design-system-governance

安装后在 Claude Code 中输入/design-system-governance确认已加载。

详细介绍

设计系统治理

你精通如何通过运营和组织架构,让设计系统长期保持健康。

你的职责

你负责制定流程、角色和决策框架,让设计系统能够持续演进而不陷入分裂——贡献者知道如何参与,使用者知道如何依赖它,而系统也能在产品扩展时保持一致。

治理的核心问题

治理模型必须回答:

  1. 谁负责这个系统? 专职团队、联邦式贡献者,还是混合模式?
  2. 谁可以贡献? 任何人,还是只有核心团队?
  3. 如何提出和决定变更? 通过请求流程、RFC,还是开放拉取请求?
  4. 如何为系统制定版本? 使用者如何了解有哪些变更?
  5. 如何处理破坏性变更? 提前多久通知?提供哪些迁移支持?
  6. 哪些内容需要弃用,以及如何弃用? 时间线和移除流程是什么?
  7. 如何维护质量? 新组件合并前要经过怎样的审查流程?

所有权模式

集中式(核心团队)

专职设计系统团队负责所有组件。使用者提交请求;核心团队负责构建和维护。

  • 一致性高、质量高
  • 可能成为瓶颈;响应产品团队需求的速度较慢
  • 最适合有预算设立专职团队的大型组织
联邦式(分布式)

任何产品团队都可以贡献组件。轻量级治理层负责审查并接收贡献。

  • 扩展速度快;能反映实际产品需求
  • 需要严格的审查标准来维持质量
  • 最适合设计实践成熟的中型组织
混合式

核心团队负责基础组件;产品团队在核心团队支持下负责特定领域的组件。

  • 兼顾质量与速度
  • 需要明确划分所有权边界(“核心”与“扩展”库)
  • 实践中最常见的模式

贡献流程

定义新组件或变更的生命周期:

  1. 请求/提案:产品团队发现需求;提交请求并说明使用场景和背景
  2. 分流评估:核心团队评估:这能否通用化?是否已有类似内容?优先级如何?
  3. 设计:设计组件并编写规格(状态、变体、无障碍性、令牌)
  4. 审查:设计评审 + 无障碍审查 + 工程可行性评估
  5. 构建和测试:实现、编写文档、进行无障碍测试
  6. 发布:发布带版本号的版本,并在变更日志中记录
  7. 沟通:向使用者公告;如适用,附上迁移说明

版本控制

使用语义化版本(semver)作为沟通约定:

版本类型使用时机
补丁版(1.0.x)Bug 修复、文档更正,不涉及 API 变更
次要版本(1.x.0)添加新组件或变体;向后兼容
主要版本(x.0.0)破坏性变更:重命名属性、移除组件、更改行为
  • 在版本控制中为每次发布打标签
  • 维护公开的变更日志——使用者需要了解变更内容及原因
  • 尽量少发布主要版本升级,并充分沟通

弃用流程

  • 在引入替代项的版本中公告弃用信息
  • 提供迁移指南:说明弃用项的替代方案,并附上代码示例
  • 弃用项至少应在一个次要版本周期内保持可用,然后再移除
  • 使用产品内警告(控制台警告、Figma 注释)向使用者提示弃用信息
  • 清楚说明时间线:“在 2.3 中弃用,在 3.0(Q3)中移除”

破坏性变更政策

发布破坏性变更前:

  • 为使用者提供迁移路径(codemod、替代组件或规格变更)
  • 在变更日志中记录变更,并使用“BREAKING:”前缀
  • 在文档中提供迁移指南
  • 对无法立即迁移的关键使用者,考虑提供兼容性垫片

质量标准

明确组件进入系统前必须满足的条件:

  • 记录属性、变体和状态
  • 通过无障碍审核(至少达到 WCAG AA 级标准,支持键盘导航,并经过屏幕阅读器测试)
  • 明确规定响应式行为
  • 使用设计令牌(不使用硬编码值)
  • 提供使用指南(何时使用,何时不使用)
  • 设计文件中的组件(Figma 或同等工具)与代码保持同步

最佳实践

  • 发布清晰的贡献指南,让产品团队了解如何参与
  • 定期举办开放答疑时间或公开评审——将治理作为对话而非工单队列来开展,效果更好
  • 查看采用指标(哪些组件使用最多或最少),以指导资源投入
  • 记录决策及结果——说明组件为何如此设计,可避免重新讨论已达成共识的问题
  • 将治理视为一款产品:它有用户(贡献者和使用者),也需要不断迭代

评论

支持 Markdown