用于网络服务的Figma设计系统：令牌和组件

我们的界面在三年内由不同的人拼凑而成，您可以看到每次交接的痕迹。账单页面上的按钮比设置中的按钮高出两个像素，内边距是凭眼睛选择的，我在模型中数出了六种灰色，没人能分辨或解释。每个新屏幕都以关于主要按钮外观的争论开始，以一个稍微不同的输入字段结束。

我想一次性解决这个问题。我正在Figma中订购一个设计系统，成为产品的单一真实来源：颜色和尺寸令牌、类型比例、网格，以及一个组件库，其中每个元素都包含其所有状态——默认、悬停、按下、禁用、错误和加载。表单和表格最值得关注，因为这是我们的用户实际工作的地方，也是今天不一致性影响最大的地方。

明暗主题必须基于相同的令牌构建，因此切换主题只是值的交换，而不是第二组屏幕。每个组件需要一个简短的文档页面：何时使用，何时不使用，存在哪些变体，如何在窄屏上表现。验收测试很简单——开发人员打开库，组装一个屏幕而不问我一个问题。

我对工作的期望：
— 颜色、间距、半径和排版的令牌，来自一个共享集的明暗主题；
— 每个交互元素上都有六种状态的组件库；
— 详细的表单和表格：字段、验证、排序、分页、空状态；
— 让屏幕组装不需要即兴发挥的间距规则和网格；
— 每个组件的文档页面，面向开发人员，而不是面向作品集；
— 典型屏幕的模板：列表、记录卡、设置、步骤表单、空状态和错误状态；
— 文本和界面元素的对比符合普遍接受的可访问性标准，而不是凭眼睛判断；
— 字体选择具有覆盖网络使用的许可证；
— 库的交接包括文件的权利，并且不与承包商的账户绑定。

我预计的时间线是两周，我乐意将工作分阶段进行，每个阶段后进行审查。