К основному содержимому

Дизайн-система и UI-кит

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

Стоимость
от 400 000 ₽
Срок
от 5 недель
Обсудить проект

Оценка за 2–3 дня, бесплатно

Результат

Что вы получите

  • 01

    Токены цвета, типографики, отступов и радиусов

  • 02

    Библиотека компонентов с вариантами и состояниями

  • 03

    Документация: когда какой компонент применять

  • 04

    Код-версия компонентов на React и Tailwind

  • 05

    Регламент обновления и внесения изменений

Границы

Что входит и что нет

Второй список важнее первого: он показывает, где заканчивается смета и начинаются отдельные договорённости.

Что входит

  • Аудит текущих макетов и поиск дублей
  • Проектирование системы токенов
  • Сборка компонентов с вариантами, размерами и состояниями
  • Проверка контраста и доступности состояний
  • Синхронизация имён между Figma и кодом
  • Воркшоп с командой по работе с системой

Что не входит

Можем взять отдельно или подсказать подрядчика.

  • Полный редизайн продукта под новую систему
  • Поддержка нескольких брендов в одной системе
  • Внедрение в легаси-код без доступа к репозиторию
  • Постоянное сопровождение после сдачи — оформляется абонементом

Вопросы

Про эту услугу спрашивают

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

По умолчанию отдаём и макеты, и код компонентов на React с Tailwind. Если у вас свой стек, соберём токены в нейтральном формате, а компоненты опишем спецификациями.

Прописываем регламент: кто вносит изменения, как компонент попадает в библиотеку, что делать с одноразовыми решениями. Без этой части система превращается в свалку за пару кварталов.

Расскажите про задачу

Ответим в течение рабочего дня, зададим вопросы по существу и пришлём оценку со сроком и составом работ. Бриф не обязателен — можно просто описать задачу словами.

Оценка бесплатная и ни к чему не обязывает.