Дизайн-система Paradigm

За шесть лет работы над дизайн-системой Paradigm моя роль прошла путь от ведущего дизайнера до руководителя направления. Я начинал с перевода системных библиотек в Figma и ручного проектирования базовых UI-элементов, затем создал архитектуру токенов VKUI для всей компании, сфокусировался на запуске мобильной дизайн-системы, а в последние два года постепенно перешёл к работе с командой, стратегии и автоматизации процессов.

2019–2021: фундамент системы и миграция в Figma

Миграция из Sketch в Figma

Моей первой большой системной задачей стал полный перенос Paradigm из файлов Sketch в Figma. Нужно было не просто скопировать компоненты, а заново пересобрать их структуру, используя новые возможности auto-layout, состояний и вариантов. Это позволило создать единый актуальный источник правды для всех дизайнеров Почты и Облака, ускорить сборку макетов и существенно снизить разрыв между дизайном и разработкой.

Проектирование базовых UI-компонентов

Параллельно я лично проектировал и собирал ключевые UI-компоненты: кнопки, поля ввода (Input), чекбоксы, свитчи, модальные окна и карточки. Для каждого элемента я прорабатывал состояния, адаптивность и писал подробную техническую документацию с правилами применения. Позже собранные мной UI-киты стали базой, а сами библиотеки VKUI и Paradigm были опубликованы в Figma Community как Open Source инструменты.

2021–2023: масштабирование — токены VKUI и единая база знаний

В этот период происходил экосистемный ребрендинг. Возникла необходимость связать продукты компании единым визуальным языком и наладить синхронизацию между B2C-сервисами и платформенными решениями.

Реархитектура дизайн-токенов VKUI

В 2021 году мы объединили дизайн-систему Paradigm с общекомпанейской системой VKUI, где Paradigm стала одной из двух базовых тем. Совместно с командой ВКонтакте разработал новую структуру дизайн-токенов: спроектировал логику связей, систему именования и лично написал техническую документацию. Мы создали общий репозиторий, который поддерживал светлую и тёмную темы, а также давал продуктам локальные темы, что позволило гибко кастомизировать визуальный язык приложений без масштабного переписывания кода.

Перезапуск сайта Paradigm

Официальный сайт дизайн-системы paradigm.mail.ru со временем потерял актуальность и требовал постоянных доработок от команды разработки. Чтобы снять нагрузку с разработчиков и сделать базу знаний живой, я полностью перенёс сайт на конструктор. Я обновил структуру, наполнил сайт гайдлайнами по компонентам и пересобрал раздел брендинга. Сайт превратился в автономную единую википедию для дизайнеров, редакторов и фронтендеров.

Исследование и R&D: тестирование Pixso

Когда компании потребовалось проверить альтернативы импортозамещения для Figma, я возглавил пилотный проект по исследованию графического редактора Pixso. Я собрал фокус-группу из дизайнеров разных направлений, разработал план тестирования и раздал доступы. Мы провели серию сессий и совместных созвонов с нагрузочными стресс-тестами словарных библиотек и токенов. На основе собранных данных я составил аналитический отчёт и выступал с защитой итогов на Комитете директоров. В результате команда приняла взвешенное решение остаться на Figma, избежав рисков для процессов разработки.

2024–2025: единый мобильный опыт — Paradigm Mobile

С ростом мобильной аудитории Почты и Облака возник системный разрыв между нативными приложениями: платформы развивались изолированно, накапливая визуальный и технический долг.

Создание Paradigm Mobile

Я спроектировал с нуля единую мобильную библиотеку Paradigm Mobile, которая объединила все нативные приложения Mail. В рамках этого проекта я выстроил сквозную систему цвета и типографики, напрямую наследуемую от базовой Paradigm. Библиотека включила более 30 ключевых системных компонентов, спроектированных с учётом особенностей iOS и Android, что позволило продуктовым командам собирать мобильные экраны из готовых блоков и избавило сервисы от фрагментации UI.

2025–2026: от дизайнера к руководителю направления

Со временем масштаб системы вырос настолько, что продолжать делать всё руками и одновременно развивать процессы стало невозможно. Моя роль изменилась: я перешёл от непосредственной сборки компонентов к руководству направлением.

Наем сотрудника и передача опердеятельности

В 2025 году я открыл вакансию, самостоятельно провёл весь цикл найма и привёл в команду выделенного специалиста по дизайн-системам. В течение первых месяцев я провёл онбординг и постепенно передал сотруднику работу над поддержкой мастер-файлов, рутинную сборку компонентов и обработку входящих запросов. Это стало важным этапом в моём развитии как руководителя: умение отпустить операционный процесс, доверять команде и освободить ресурс под задачи стратегического уровня.

Стратегия, процессы и внедрение AI

Дальше я сфокусировался на управлении и инфраструктурных инициативах:

• Design Review и качество: внедрил системный процесс ревью выпускаемого продукта и оцифровал показатели покрытия продуктов компонентами.
• Стримы B2B и B2C: занимался стратегической синхронизацией визуального языка между потребительскими продуктами (Mail, Cloud) и B2B-направлениями (VK Tech).
• AI Design System: инициировал стрим автоматизированного проектирования компонентов с использованием Claude Code и Figma MCP, готовя дизайн-систему к интеграции с нейросетевыми инструментами.

От создания кнопок к созданию среды

За шесть лет мой фокус сместился от отрисовки конкретных пикселей и сборки файлов в Figma к созданию правил, архитектуры и среды, в которой продукты могут развиваться быстрее и качественнее. Моя главная цель сегодня — не делать каждый компонент самому, а выстраивать процессы, развивать людей в команде и формулировать системные ориентиры, которые помогают делать пользовательский опыт экосистемы цельным и удобным.