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