Design Tokens
🎨Design Tokens
Атомарные переменные дизайна: цвета (primary-500: #1976D2), типографика (font-size-h1: 32px), отступы (spacing-md: 16px), тени (shadow-card: 0 2px 4px rgba(0,0,0,0.1)). Формат: JSON, YAML. Инструменты: Style Dictionary (Amazon), Theo (Salesforce). Использование: компилируются в CSS-переменные, Sass, iOS/Android. Преимущества: единый источник истины, синхронизация дизайна и кода.
📖6 мин чтения📊Уровень 8📅16 апреля 2026 г.
Загрузка карты...
Простыми словами
Design Tokens — это способ понять, как в этой сфере устроены правила, решения и реальные последствия для людей.
Более точно
Design Tokens — предметная область общественного знания, описывающая устойчивые механизмы взаимодействия участников, норм и институтов.
Зачем это нужно
Тема нужна, чтобы принимать более точные решения в контексте раздела «Дизайн-системы»: видеть структуру проблемы, ограничения и рабочие инструменты.
Примеры
Практический разбор включает кейсы, сравнение сценариев и проверку результата по понятным критериям.
Частые ошибки
Чаще всего ошибаются из-за упрощения причин, игнорирования контекста и отсутствия проверяемых критериев результата.
Связанные понятия
❓Часто задаваемые вопросы
Design Tokens — это тема о правилах, механизмах и практиках в своей области. Она помогает понять, как принимаются решения и к каким последствиям они приводят.