UI Kit и основы дизайн-системы
Макеты создавались без единого подхода: разные стили, ручные изменения и сложная поддержка интерфейса
Макеты стали масштабируемыми и удобными для поддержки
Появилась единая система цветов, типографики и отступов
Компоненты получили понятную структуру и принципы использования
Дизайнеры и разработчики начали обсуждать решения до начала разработки
С чего всё началось
Макеты создавались без компонентов и единого подхода. Любые изменения приходилось повторять вручную
Как принимала решения
Провела аудит: собрала все существующие компоненты и выявила дубли
Создала Variables и дизайн-токены
Собрала базовый набор компонентов и правила их использования
Внедрила через воркшопы и парные ревью с командами
Что сделала
Сначала договорилась о языке
До компонентов зафиксировала токены: цвет, типографику, отступы, радиусы. Всё остальное строилось поверх и не разъезжалось между командами
Навела порядок в Figma
Перевела макеты на Auto Layout, компоненты и варианты. Поддерживать и развивать интерфейс стало значительно проще
Изменила процесс работы команды
Инициировала обсуждение дизайнерских решений с разработчиками до начала реализации. Это сократило количество правок и упростило коммуникацию
Заложила фундамент для развития
Полноценная дизайн-система — это следующий этап, который потребует изменений и со стороны разработки. Уже сейчас продукт готов к этому переходу
Дизайн-система — это не библиотека компонентов. Это договоренность команды о том, как мы создаем продукт