Узнайте, что сломает релиз вашей дизайн-системы

• Темы и режимы находятся сами
  Каждая тема сравнивается отдельно: тёмная может сломаться, а светлая остаться прежней

  "$extensions": { "mode": {
    "light": "{color.white}",
    "dark": "{color.black}"
  } }

  Наборы резолвера · файлы тем · $extensions.mode
• Формулы и модификаторы цвета посчитаны
  Поменяйте базовое значение — и увидите все токены, которые на нём построены

  "lg": {
    "value": "{space.base} * 2",
    "type": "spacing"
  }

  JSON токенов с формулами
• Ссылки прослежены до конца
  Изменение в глубине цепочки ссылок показано вместе с причиной

  "primary": {
    "value": "{color.base.ink.value}"
  }

  JSON токенов с value и type
• Цвета сравниваются по тому, как выглядят
  ΔE в OKLab в любом цветовом пространстве; незаметные изменения — это патч

  "$value": {
    "colorSpace": "oklch",
    "components": [0.62, 0.19, 259]
  }

  DTCG 2025.10
• CSS читается как токены
  Переменные становятся токенами, селекторы — темами

  :root { --bg: #ffffff; }
  [data-theme="dark"] { --bg: #0c0c0e; }
  .dark { --bg: #0c0c0e; }

  CSS-переменные
• Любая версия, ничего не загружается
  Опубликованные пакеты и ветки загружает ваш браузер

  npm:@scope/tokens@2.1.0
  github:owner/repo/tokens@main
  ./tokens

  npm · GitHub · файлы

Читает DTCG 2025.10, JSON токенов старого формата с value и type, переменные Figma в JSON и CSS-переменные.