Дизайн-система поле.рф

Уже 2 года развиваю дизайн-систему «поле.рф»: foundations, компоненты и документация для передачи в разработку. Цель — меньше локального кастома и быстрее сборка интерфейсов в продуктовых командах.

30+

Разработано компонентов

2500+

Создано токенов

2 года

Веду дизайн-систему

Роль и команда

Отдельной роли дизайнера дизайн-системы в штате нет — эту роль выполняю я. Согласовываю изменения с разработкой, другими дизайнерами и менеджерами: демо, груминги, передача в прод.

Мой вклад

Проектирую компоненты от начала до конца: variants, use cases, спеки для разработки. Главный приоритет — унификация и переиспользование библиотеки в командах.

Пример разработанного компонента

В приведенном примере показана примерная структура компонента и его оформление в фигме.

У нас существует дорожная карта разработки и доработки компонентов, а также часто инициатива по доработкам приходит от команды разработчиков.

Другие компоненты

Button

Modal

Status icon pack

Набор компонентов

Глобальные компоненты

Дизайн-система выходит за рамки стандартных атомарных компонентов. В её состав также входит библиотека глобальных компонентов — это масштабные, самодостаточные блоки («организмы»), которые многократно переиспользуются в разных частях платформы.

Токены в дизайн-системе

Современная дизайн-система в большей степени ориентирована на удобство разработки. Именно поэтому в основе нашей дизайн-системы лежит система токенов. Данный подход строится на трёх уровнях переменных: глобальных, семантических и компонентных. Переход на токены мы завершили в 2025 году при моем участии.

Результаты

В короткий срок освоил принципы системной работы с дизайн-системой и успешно интегрировался в кросс-функциональные процессы согласования компонентов (дизайнеры, разработчики, менеджеры).
В течение последних двух лет выступал основным драйвером разработки компонентов.
Выполнил значительную часть компонентов, запланированных в KPI на 2026 год.
Провёл более 10 демонстраций готовых компонентов для разработчиков и менеджмента.
В этом году в политике компании закреплено временное снижение TTM для ускоренного внедрения новых компонентов.
Команда дизайна теперь лидирует по ключевым вопросам дизайн-системы — ранее приоритет был у разработки.
Достигнут существенный рост унификации и переиспользования компонентов во всех командах.
Детальная документация компонентов позволила сократить количество багов.
В результате интерфейсы стали более лаконичными, понятными и современными.

Следующий кейс

Продуктовые визуалы

Ищу сильную команду
и открыт к предложениям 🤝