内部产品的设计系统和UI工具包

我们的公司运行几个内部产品——一个管理控制台，一个分析仪表板和几个操作工具——每个产品都是由不同的团队在不同的时间设计的。结果是可预测的：每个屏幕上的按钮行为不同，间距不一致，相同的状态以三种方式显示，每个新功能都会重新引发关于颜色的争论。我们希望停止支付这种税费，构建一个共享的设计系统和一个适当的UI工具包，以便所有这些产品都可以依赖。

这项工作不是简单的重新绘制。我们需要一个具有真实状态的组件库——默认、悬停、聚焦、禁用、加载、错误、空——加上颜色、类型、间距和高度的令牌，这些令牌可以在不触及每个屏幕的情况下经受品牌重塑。组件应组织得当，以便开发人员可以快速找到合适的组件，每个组件应附带简短的使用说明，解释何时使用它以及何时不使用它。我们期望有一个可访问的调色板，具有文档化的对比度，一个在宽显示器和狭窄笔记本电脑上都能工作的网格，以及我们操作员实际使用的重复布局模式：带过滤器的表格、记录卡、多步骤表单。

请分享您之前构建的系统，您如何保持工具包和代码的同步，以及您如何交接工作以避免在发布后腐烂。交付物：
——一个包含所有交互状态的令牌集和组件库；
——涵盖使用、注意事项和可访问性说明的文档；
——最常见产品屏幕的模板。