В какой-то момент наша команда столкнулась с проблемой: мы перестали понимать, на какой стадии разработки находится тот или иной компонент, какую версию использовать и актуальна ли она.
Чтобы решить эту задачу, мы внедрили систему статусов, которые отображаются прямо в названии компонента. Это помогло дизайнерам и разработчикам быстро ориентироваться в текущем состоянии компонентов.
Какие статусы мы используем
🟡 In Progress
- Компонент ещё не синхронизирован с Storybook
- Передан или готов для передачи разработчикам
Использовать компонент в макетах можно, но на свой страх и риск. Лучше синхронизироваться с релизами и бэклогом разработчиков.
🟢 Done
- Компонент готов в дизайне
- Синхронизирован с кодом
Готов к свободному использованию в макетах.
🔵 Design Only
- Компонент существует только в дизайне
- Не будет реализован на фронте
Используется для технических компонентов, которые нужны только в рамках дизайна
🔴 Replace
- Компонент устарел
Компонент в макете необходимо заменить на актуальный
🆕 Как мы работаем с релизами
Для прозрачного отслеживания изменений мы не заменяем компоненты 🔴 Replace на 🟢 Done в актуальных макетах, которые отражают реализацию на проде. Обновлённые или новые компоненты интегрируются только в рамках драфтовых макетов.
🔧 Что стоит за системой статусов
Конечно, за этой системой стоят и другие процессы:
- Контроль статусов через задачи разработчикам
- Обратная связь от разработчиков к дизайнерам
Но это уже стандартные процессы, которые знакомы многим командам
🎯 Итог
Внедрение системы статусов помогло нам:
- Упростить коммуникацию между дизайнерами и разработчиками
- Снизить количество ошибок из-за использования устаревших компонентов
- Повысить прозрачность процессов
