Design Token

Что такое Design Token

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

Design tokens помогают синхронизировать дизайн и разработку, чтобы компоненты выглядели одинаково во всех экранах и версиях продукта.

Зачем нужен design token

Он нужен для масштабируемости и единообразия. Если меняется, например, основной цвет или размер отступа, обновление происходит централизованно, а не вручную в десятках мест.

Где используется

Design tokens применяют в design system, UI Kit, веб-приложениях, мобильных продуктах и больших цифровых экосистемах с множеством интерфейсных компонентов.

Пример простыми словами

Вместо того чтобы везде прописывать один и тот же зелёный цвет вручную, команда использует токен primary-color. Это и есть design token.

Вывод

Design Token — важная часть зрелой системы интерфейсов. Он делает дизайн и разработку более управляемыми и последовательными.

Автор

Артур Технарь
Артур Технарь
Digital-специалист, автор Artur Tehnar

Пишу простые объяснения по SEO, маркетингу, ИИ, разработке и цифровым инструментам для бизнеса.

Telegram: @Arturtehnar

Категории:

Оставьте заявку

Корзина
Войти

Нет аккаунта ?

Мы используем файлы cookie для улучшения вашего опыта работы на нашем веб-сайте. Просматривая этот веб-сайт, вы соглашаетесь с использованием нами файлов cookie