Тег
#Figma
6 мин чтения
Инженерия
Режимы токенов и тёмная тема без дублирования
Тёмная тема не должна быть копией светлой. Держите один набор имён токенов, меняйте только значения и выдавайте режимы в CSS так, чтобы они не расходились.
4 мин чтения
Дизайн-системы
Dev Mode и Code Connect в Figma: что решают и что нет
Dev Mode и Code Connect помогают разработчикам перейти от дизайна к коду. Что делает каждый, какие тарифы нужны и на какой вопрос не отвечает ни один.
5 мин чтения
Инженерия
SVG-спрайт из Figma и когда он лучше компонентов
Один файл символов вместо компонента на каждую иконку: когда SVG-спрайт выгоднее, как подключить его в React и на чём спотыкаются чаще всего.
6 мин чтения
Инженерия
Иконки из Figma в React: весь путь
От компонента-иконки в Figma до влитого pull request: каждый шаг, что он даёт на выходе, и три формата доставки на настоящем сгенерированном коде.
6 мин чтения
Инженерия
Как отдать переменные Figma разработчикам без тарифа Enterprise
Единственный официальный API для переменных Figma доступен только на Enterprise. Разбираем три пути, которыми переменные выходят из Figma, и где каждый упирается.
6 мин чтения
Инженерия
Токены из Figma в код без ручного экспорта
Процесс, который держит токены в Figma и коде синхронными: смысловые имена, сравнение вместо копирования и каждое изменение через pull request.
4 мин чтения
Продукт
FISYCO открыт: контроль дизайн-системы для команд на Figma и React
FISYCO держит в согласии дизайн, утверждённый в Figma, и код, который уходит клиентам. С сегодняшнего дня он открыт для всех и бесплатен на время публичной беты.