Дизайн-система
Библиотека готовых элементов интерфейса с правилами их использования: кнопки, поля, карточки, отступы, цвета, состояния. Ускоряет сборку новых экранов и держит продукт в одном стиле.
Что в неё входит
Основы: сетка, отступы, шрифты, палитра, иконки. Компоненты: кнопки, поля, списки, таблицы, окна, уведомления. Правила: когда что применять, как показывать ошибки, как ведут себя элементы на разных экранах. Часто рядом живёт код этих компонентов.
Зачем она нужна
Когда экранов десятки, а над продуктом работают несколько человек, без общей библиотеки каждый рисует по-своему. Через год в интерфейсе восемь видов кнопок и четыре стиля форм. Система убирает эту работу заново.
Когда её делать
Не на старте. Для сайта на десять страниц достаточно набора стилей. Система окупается от нескольких десятков экранов или когда параллельно идут два-три проекта с общим брендом.
Сколько стоит
Базовый набор компонентов от двухсот тысяч. Система с кодом, документацией и правилами от полумиллиона и два-три месяца. Дальше её нужно поддерживать: без владельца библиотека устаревает за полгода.
Что она даёт в деньгах
Новый экран собирается за часы вместо дней. Разработчик берёт готовый компонент, а не верстает заново. На продукте, который развивается постоянно, это заметная экономия, на разовом сайте нет.
Кто её ведёт
Нужен владелец: человек, который решает, добавлять ли новый компонент и как. Без него в библиотеке за год появляется пять вариантов одной кнопки, и она перестаёт выполнять свою задачу.
Что спросить у подрядчика
Будет ли система жить в вашем аккаунте. Есть ли документация к компонентам. Как передаются изменения разработке. Библиотека, к которой нет доступа у вашей команды, ценности не имеет.
Вопросы по теме
Чем отличается от брендбука?
Брендбук описывает бренд на всех носителях, дизайн-система только цифровой интерфейс и его поведение. Они пересекаются в цветах и шрифтах, но решают разные задачи.
Можно ли взять готовую библиотеку?
Да, открытые наборы компонентов экономят месяцы. Их настраивают под свой бренд: меняют цвета, шрифты и скругления, оставляя логику.