Перейти к основному содержимому

Управление design-системой

Цели

  • Консистентный UI во всех продуктах и командах.
  • Быстрая темизация и ребрендинг без правок компонентов.
  • Переиспользование UI-решений между web и native.
  • Минимизация "магических" значений и визуальных расхождений.

Область ответственности

Design-система включает:

  • дизайн-токены (цвет, типографика, отступы, радиусы, тени)
  • библиотеку UI-компонентов и их вариативность
  • иконки и правила работы с SVG
  • документацию и проверяемые правила

Базовые принципы

MUST

  • Один источник правды для токенов и иконок.
  • UI-код использует токены и общий набор компонентов.
  • Изменения визуального языка проходят через дизайн-систему, а не через точечные правки в UI.

SHOULD

  • Изменения в токенах/иконках поставляются как версионируемый пакет.
  • Дизайн и разработка синхронизируются по единому набору токенов.

FORBIDDEN

  • Добавлять новые hard-code значения "временно".
  • Дублировать токены и иконки под разными именами.

Поток изменений


Разделы документации