设计 Token 日常巡检:找裸色值,也给合理例外留出口

发布时间:2026/8/15 14:45:23
设计 Token 日常巡检:找裸色值,也给合理例外留出口 设计 Token 日常巡检找裸色值也给合理例外留出口改一个品牌色却要搜索很多组件说明颜色还只是字面量。Token 应表达用途并能生成代码静态扫描负责找遗漏也要给渐变与第三方样式留可审查的例外。先建立小而明确的 Token 集从颜色、间距、圆角和字体这几类高频值开始命名表达用途不要把具体色值写进组件。{ color: { text: { primary: { value: #1f1f1f } } }, space: { 4: { value: 16px } } }生成 CSS 变量后组件只消费语义名.card { color: var(--color-text-primary); padding: var(--space-4); }巡检要允许例外静态扫描可以提示裸色值、像素间距和重复圆角但不要把所有数字都判成错误。渐变、阴影和第三方样式可能需要例外注释或白名单并在评审中确认原因。日常节奏Token 更新应有版本和变更说明设计稿与代码不必追求一次全量同步先让关键组件可追踪、可回归。留白、色彩和动效都需要边界设计系统也是。