Дизайн-система Карт
Единая библиотека компонентов для iOS, Android и Auto: ускорили дизайн-разработку и выровняли визуальный язык платформ.
Контекст
Карты росли быстрее, чем успевала договариваться команда: одни и те же элементы — кнопки, карточки, шторки — жили в десятках вариантов на трёх платформах. Каждая новая фича начиналась с того, что дизайнер пересобирал базовые блоки заново, а инженеры толковали макеты по-своему.
Задача
Нужно было собрать единый источник правды — компоненты, токены и правила, — который ускорит работу команд и устранит визуальные расхождения между платформами, не превратившись при этом в бюрократию.
Решение
Мы описали систему на уровне токенов — цвет, типографика, отступы, радиусы — и собрали из них компоненты с продуманными состояниями. Тёмная и светлая темы выводятся из одного набора токенов. Библиотека связана с кодовой базой, поэтому дизайн и разработка говорят на одном языке. Главным принципом стало «помогает, а не тормозит»: вклад в систему открыт для всех команд через понятный процесс ревью.
Результат
Скорость сборки новых экранов выросла, число визуальных багов на стыке платформ снизилось, а онбординг новых дизайнеров ускорился — базовые блоки больше не нужно изобретать заново.