Управление design-системой
Цели
- Консистентный UI во всех продуктах и командах.
- Быстрая темизация и ребрендинг без правок компонентов.
- Переиспользование UI-решений между web и native.
- Минимизация "магических" значений и визуальных расхождений.
Область ответственности
Design-система включает:
- дизайн-токены (цвет, типографика, отступы, радиусы, тени)
- библиотеку UI-компонентов и их вариативность
- иконки и правила работы с SVG
- документацию и проверяемые правила
Базовые принципы
MUST
- Один источник правды для токенов и иконок.
- UI-код использует токены и общий набор компонентов.
- Изменения визуального языка проходят через дизайн-систему, а не через точечные правки в UI.
SHOULD
- Изменения в токенах/иконках поставляются как версионируемый пакет.
- Дизайн и разработка синхронизируются по единому набору токенов.
FORBIDDEN
- Добавлять новые hard-code значения "временно".
- Дублировать токены и иконки под разными именами.
Поток изменений
Разделы документации
- Дизайн-токены - структура, нейминг, темизация, примеры
- Компоненты - базовые паттерны, вариативность, примеры
- SVG и иконки - pipeline, требования, доступность, примеры
- Внедрение и управление - правила миграции, MVP, контроль