Figma to React Native

Плагин Figma to React Native — это все в одном: дизайн токены + генерация кода + синхронизация с GitHub в одном плагине.

Особенности

• Импортируйте стили Фигмы в токены дизайна, такие как цветовые стили, стили текста, стили эффектов и стили сетки;
• Пакетное редактирование свойств Фигмы с помощью токенов дизайна. Выберите токен и сразу обновите все связанные свойства Фигмы;
• Создайте код React Native для любого выбранного узла Фигмы. Если используете Auto Layout, создайте адаптивный/пригодный для использования код React Native для любого выбранного вами узла Фигмы (т.е. всего экрана/фрейма или только контейнера). Выбирайте между StyleSheet, Restyle (включая Restyle Theme) и библиотеками styled-components для сгенерированного кода.

Возможности

• Поддержка генерации кода таблицы стилей;
• Поддержка генерации кода Restyle (в настоящее время генерируется только код темы);
• Смарт-токены (возможность использовать процентные и математические выражения для значений токенов);
• Автоматическое обновление Фигмы при изменении токенов.