🤩 Дизайн-токены это не формальность для дизайн-системы, а способ не утонуть в хаосе потом
Пока в проекте живут цвета вроде #0055FF и отступы, прописанные руками, все кажется нормальным ровно до первого большого изменения. Потом начинается боль: что где используется, что можно трогать, как менять тему, почему один и тот же цвет называется тремя разными способами. В этот момент токены перестают быть «темой для системщиков» и становятся базовой гигиеной продукта.
Дима очень хорошо раскладывает это через три слоя: примитивы, семантику и компонентные токены. Самое полезное здесь не теория, а логика: семантика отвечает на вопрос «зачем», компонентный слой на вопрос «где», а правильный нейминг делает систему понятной и для дизайнеров, и для разработчиков. Плюс есть нормальный блок про темную тему, deprecated-токены и версионирование, то есть не только про создание, но и про жизнь системы после запуска.
Внутри:
– Как устроена трехслойная архитектура токенов и зачем нужен каждый слой;
– Чем семантические токены отличаются от компонентных;
– Как собирать нейминг от общего к частному, чтобы не путаться потом;
– Какие категории и свойства чаще всего используются в системе токенов;
– Почему состояние default обычно не нужно писать явно;
– Как токены помогают нормально поддерживать светлую и темную темы;
– Что делать с устаревшими токенами, чтобы не ломать прод;
– Почему без токенов любая масштабируемость быстро превращается в технический долг.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы