Дизайн-токены

Дизайн-токены — это набор базовых переменных визуального языка — отступы, цвета, типографика, стили объектов, анимация — представленный в виде простых пар ключ-значение (black: #000). Токены используют вместо статичных значений, чтобы было легко управлять визуальным стилем и обеспечивать единство и консистентность дизайна во всех продуктах. Это достигается благодаря переиспользованию токенов и способствуют упрощенной передаче информации от дизайнера к разработчику.

Дизайн-токены интегрированы в библиотеку Figma, при этом названия стилей в Figma соответствуют названиям токенов в коде. Процесс обновления автоматизирован: если изменить цвет в Figma, он обновится в репозитории, и соответственно, распространится на все использующие токены продукты.

Поддерживаемые токены

В данный момент в репозитории доступны следующие категории токенов:

1. Цвета (color)
2. Параметры текста
   • font-size
   • line-height
   • font-family
   • font-weight
   • text-case

Доступ к токенам

Токены доступны в репозитории.