Главная - Блог - Дизайн-система и UI-kit - это одна поставка

Доска дизайн-системы: кнопки Основная и Вторичная и палитра синих оттенков

Дизайн-система и UI-kit - это одна поставка

Время на прочтение: 2 минут(ы)

UI-kit и дизайн-систему часто ставят в одну строку сметы. В kit лежат экраны и компоненты: их можно согласовать как картинку. В системе у кнопки, поля и отступа есть имя, которым их потом собирают в коде. Если имени нет, третий экран кабинета получается «чуть другой».

Компоненты кнопок Основная и Вторичная в одном стиле — Кнопки «Основная» и «Вторичная» на одной доске компонентов.

На доске видны кнопки «Основная» и «Вторичная», поля и карточки. Этого файла хватает, чтобы согласовать, как продукт выглядит. Его не хватает, чтобы следующий экран собрали теми же деталями, а не похожими.

Имя, которым кнопку вызовут в коде, в этом файле может не появиться. Тогда следующий экран кабинета собирают заново. Викью собирает библиотеку, когда это имя общее для макета и для кода, а не когда нужно только утвердить картинку.

Токены, состояния и плотность кабинета

Кабинет, собранный из одних и тех же компонентов — Кабинет собран из одних и тех же компонентов.

Цвет, тип, отступ, радиус и тень записывают именами, а не подписью «как на картинке». Компоненты берут те, что уже есть в продукте: кнопка, инпут, селект, модалка, тост, пагинация. Сорок иконок без отступов и состояний кнопки системой не становятся: разработка всё равно придумает свои.

У компонента есть hover, disabled, ошибка, загрузка и пусто. Кабинет и маркетинговый сайт живут с разной плотностью. Одинаковые токены не значат, что таблица в кабинете должна стоять так же редко, как блок на лендинге. На выходе файл в Figma и спецификация для вёрстки.

Когда дизайн-систему или UI-kit заказывать рано

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

UI-kit из уже согласованных экранов уместен, когда продукт уже рисуется и не хватает общего файла. Дизайн-систему с нуля берут, когда поверхностей больше одной картинки: сайт, кабинет или оба сразу. Новый компонент добавляют по правилу, а не ещё одной кнопкой рядом со старой.

Что нужно, чтобы оценить дизайн-систему или UI-kit

Для сметы называют, сколько поверхностей: сайт, кабинет, приложение, письма. Кто собирает компоненты в коде и в какой стек лягут токены. Брендбук уже есть или цвет пока взят из головы.

Для пилота хватает токенов и пяти-семи компонентов на одном живом экране. Без этих вводных смета либо считает три экрана лендинга, либо обещает библиотеку, которую некуда посадить.

Получить консультацию по проекту

ПРИКРЕПИТЕ ФАЙЛ ПРОЕКТА

Я даю согласие на обработку моих персональных данных в целях указанных в Политике конфиденциальности. Я даю согласие на получение рекламной и новостной рассылки.

Актуализировано 15.09.2026

[01]

Сотрудничество

Сотрудничество с VIQQ

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

Индивидуальный подход к решению задач

Индивидуальный подход к разработке: анализируем задачи бизнеса, подбираем оптимальные технологии и создаём решения под конкретные цели, повышая эффективность, безопасность и рост компаний

Соблюдение сроков

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

Прозрачное ценообразование

Прозрачное ценообразование в разработке: фиксируем стоимость, рассчитываем бюджет и исключаем скрытые платежи, обеспечивая понятные условия и финансовый контроль

[02]

Цены

Стоимость разработки

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

Получить консультацию по проекту

ПРИКРЕПИТЕ ФАЙЛ ПРОЕКТА

[03]

Отзывы

Нам доверяют

Нам доверяют, потому что мы стабильно выполняем проекты качественно и в срок, предлагаем прозрачные процессы и открытое общение. Клиенты ценят наш профессионализм, ответственность и готовность находить лучшие решения для их задач.

Компания ООО «Ханвэй Машинери Рус» выражает благодарность
команде VIQQ за успешную реализацию проекта по редизайну и
модернизации корпоративного сайта.
В результате проведённых работ был создан современный,
функциональный и технологичный ресурс, соответствующий требованиям
отрасли и задачам компании. Отмечаем высокий уровень технической
подготовки специалистов, внимательное отношение к деталям и чёткую
организацию проектного процесса.
Благодарим за профессиональный подход и надеемся на дальнейшее
сотрудничество.

Тохтабиев И.С.

генеральный директор
ООО «Ханвэй Машинери Рус»

Компания ООО «РЕГАТА» выражает благодарность команде VIQQ за качественное и профессиональное выполнение работ по разработке нового корпоративного сайта www.rgt-air.ru.
Проект реализован на высоком уровне - с соблюдением сроков, технических требований и стандартов качества. Новый сайт отвечает современным требованиям цифровой среды и стал эффективным инструментом взаимодействия с клиентами и партнёрами. Отмечаем высокий уровень организации процесса, компетентность специалистов и внимательное отношение к деталям.

Белоусов В.Л.

генеральный директор
ООО «РЕГАТА»

Компания ООО «ЭНОВА+» выражает признательность компании VIQQ за профессиональную работу и ответственное отношение при реализации проекта по созданию мобильного приложения процессинга.
Благодаря совместной работе удалось достичь поставленных целей - обновить цифровое представление компании, улучшить коммуникацию с клиентами и повысить удобство взаимодействия с нашими услугами и продуктами.
Отдельно отмечаем Ваш высокий уровень экспертизы, прозрачность взаимодействия и надёжность команды.
Надеемся на дальнейшее развитие партнёрских отношений и реализацию новых совместных проектов.

Идрисов И.И.

Руководитель отдела автоматизации
ООО «ЭНОВА+

ООО «АМРИТЭКС» выражает благодарность команде VIQQ за качественное и профессиональное выполнение работ по разработке нового корпоративного сайта компании ООО «АМРИТЭКС» https://fugustim.ru/.

Проект реализован на высоком уровне - с соблюдением сроков, технических требований и стандартов качества. Новый сайт отвечает современным требованиям цифровой среды и стал эффективным инструментом взаимодействия с клиентами и партнёрами.

Отмечаем высокий уровень организации процесса, компетентность специалистов и внимательное отношение к деталям. Надеемся на продолжение плодотворного сотрудничества.

Желаем компании VIQQ дальнейших успехов и реализации новых значимых проектов.

Демин В.А.

генеральный директор
ООО «АМРИТЭКС»

Скоро тут появится текст отзыва.

Имя заказчика

директор
ООО «»

[04]

Портфолио

Наши последние работы

Наши проекты - это практическое подтверждение опыта. Здесь представлены кейсы, в которых мы решали задачи клиентов через цифровые инструменты: от сайтов и приложений до комплексных систем.