Figma -> React Native
Transforms your Figma design to React Native in real-time.
Plugin Preview
About this plugin
Figma -> React Native
Description
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.
Free Features
✨Real-time code and preview rendering
🎨Theme generation from local styles and variables
🏞 Images, vectors, and icons support
🎲Variants and properties support
🧱Nested components support
🧩Figma variables support
🦄Unistyles v3 support
🎮Pressables generation
🎭Conditional rendering
🎬Motion node editor
📚Storybook syncing
📖JSDoc generation
💡Dark/light mode
Pro Features
🔄Git integration
📥Download entire project
💾Real-time sync to filesystem
🤖AI Agent integration (MCP)
🤝Team collaboration tools
⭐Priority support
Resources
Plugin Details
| Version | 50 |
|---|---|
| Created | March 15, 2020 |
| Last Updated | October 7, 2025 |
| Category | Software development |
| Creator | TheUltDev |
| Stats | 5769 installs, 907 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:build/ui.js
- main:build/main.js
- Network Access:
Needed for Monaco Editor blob workers to load
- Editor Types:figma
- Allowed Domains:
- *
- Codegen Languages:
- React Native(react-native)
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.