figma-to-react-native
figma-to-react-native copied to clipboard
Published
20 hours ago •
kat-tax
kat-tax
Convert Figma Designs to React Native
Figma → React Native
Install Plugin
Transforms Figma components to React Native components in real time. It also exports themes, icons, assets, and much more. The mission goal is to eliminate the designer to developer handoff while embracing existing workflows and tooling. Join the Discord Channel or follow @TheUltDev to track project development.
Features
| ✨ | Real-time code and preview rendering |
| 📦 | Batch exporting of components and assets |
| 🎨 | Theme generation from local styles and variables |
| 🏞 | Images, vectors, and icons support |
| 🎲 | Variants and properties support |
| 🧱 | Nested components support |
| 🧩 | Figma variables support |
| 🎮 | Pressables generation |
| 🎭 | Conditional rendering |
| 📚 | Storybook syncing |
| 📖 | JSDoc generation |
| 💡 | Dark/light mode |
Goals
- Only support React Native [+Web] as the framework
- Only support Unistyles as the style library
- Always support real-time conversions (for free)
- Always support exporting the entire document (for free)
- Always support free Figma users (via graceful degradation)
This project is work in progress. Join the Discord Channel or follow @TheUltDev to track project development.
kat-tax