💻 Программирование [designtokenscourse] Subatomic: Полное руководство по дизайн-токенам (2025)

[Calvin Candie]

Автор: designtokenscourse
Название: Subatomic: Полное руководство по дизайн-токенам (2025)

[designtokenscourse] Subatomic: The Complete Guide To Design Tokens (2025)



Глубокий и всесторонний курс о дизайн-токенах: от концепций и переменных в Figma до кода, процессов, лучших практик и многого другого.
Преподаватели: Брэд Фрост (создатель методологии Atomic Design) и Иэн Фрост - признанные эксперты в области дизайн-систем. Они делятся всем, что вам нужно знать для создания эффективной системы дизайн-токенов, которая поможет вашей организации масштабировать дизайн и разработку.
Что входит в курс:

• Более 10 часов подробных видеоуроков
• Образцы архитектуры в Figma и коде
• Рабочие процессы по неймингу и управлению
• PDF с примерами и полезными материалами

"Дизайн-системы делают всё одинаковым." Знакомо?
Если ваша организация поддерживает множество продуктов, платформ, брендов и режимов, вы знаете, как сложно найти баланс между единообразием и гибкостью.
Ответ - дизайн-токены.
Мы более десяти лет помогали десяткам организаций - включая многих из списка Fortune 500 - выстраивать системы дизайн-токенов, позволяющие одновременно обеспечивать согласованность и поддерживать индивидуальность. Это сложно. Именно поэтому мы собрали все наши знания в этом курсе - чтобы вы могли избежать наших ошибок и построить надёжную, масштабируемую токен-систему.
Структура курса (8 глав):

• Основы дизайн-токенов
  • Зачем они нужны, где применяются, как устроены, и как связаны с современными дизайн-системами и инструментами.
• Архитектура токенов
  • Трёхуровневая система токенов, цветовые и типографические системы, отступы, границы, анимации и прочее.
• Нейминг и структуры
  • Принципы и шаблоны нейминга, рекомендации по структуре и синхронизации между дизайном и кодом.
• Построение токен-системы
  • Переменные в Figma, Style Dictionary, процессы автоматизации и синхронизации.
• Публикация токенов
  • Распространение через Figma-библиотеки, npm-пакеты и внутренние процессы релизов.
• Адаптация токенов в работе
  • Как дизайнеры и разработчики используют токены в реальной практике.
• Поддержка и развитие
  • Ветвление, версионирование, расширение, управление и долгосрочная эволюция систем.
• Продвинутые темы
  • Тёмные темы, суббренды, white-label, многопродуктовые и мультиплатформенные решения, будущее токенов и AI.

Курс сопровождается шаблонами архитектур в Figma и коде, схемами процессов в FigJam и насыщенными слайдами с множеством дополнительных ресурсов.

Материал на английском языке

Подробнее:

Скачать:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.