Тег
#Дизайн-токены
6 мин чтения
Инженерия
Режимы токенов и тёмная тема без дублирования
Тёмная тема не должна быть копией светлой. Держите один набор имён токенов, меняйте только значения и выдавайте режимы в CSS так, чтобы они не расходились.
4 мин чтения
Инженерия
Как найти зашитые цвета в кодовой базе React
Каждый hex в компоненте выводит его из дизайн-системы. Команды поиска за минуты, ложные срабатывания, которые нужно убрать, и как не пускать новые цвета в код.
5 мин чтения
Дизайн-системы
Формат W3C DTCG: что стандарт наконец закрепил
Через шесть лет после создания группы у формата дизайн-токенов есть стабильная версия. Что закрепил 2025.10, чем он отличается от черновика 2022 года и что проверить в своих файлах.
6 мин чтения
Дизайн-системы
Имена токенов: три уровня, которые выживут ребрендинг
Плоские имена вроде blue-500 ломаются при первой смене бренда. Три уровня токенов сохраняют код компонентов нетронутым при ребрендинге и тёмной теме.
6 мин чтения
Инженерия
Style Dictionary на практике: токены в CSS, SCSS и TypeScript
Рабочая настройка Style Dictionary 5 для токенов DTCG, проверенная настоящей сборкой: ссылки, режимы, единицы и эксперимент, в котором переименование тихо ломает CSS.
6 мин чтения
Инженерия
Как отдать переменные Figma разработчикам без тарифа Enterprise
Единственный официальный API для переменных Figma доступен только на Enterprise. Разбираем три пути, которыми переменные выходят из Figma, и где каждый упирается.
6 мин чтения
Инженерия
Токены из Figma в код без ручного экспорта
Процесс, который держит токены в Figma и коде синхронными: смысловые имена, сравнение вместо копирования и каждое изменение через pull request.
5 мин чтения
Дизайн-системы
Почему продакшен тихо расходится с дизайн-системой
Расхождение дизайна и кода редко возникает из-за одной большой ошибки. Разбираем, откуда оно берётся, почему его никто не видит и когда оно начинает стоить денег.