Figma -> React Native
Transforms your Figma design to React Native in real-time.
Plugin Preview
About this plugin
Figma -> React NativeDescriptionTransforms 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 modePro Features🔄Git integration📥Download entire project💾Real-time sync to filesystem🤖AI Agent integration (MCP)🤝Team collaboration tools⭐Priority supportResourcesWebsiteGitHubDiscord
Plugin Details
| Version | 50 |
|---|---|
| Created | March 15, 2020 |
| Last Updated | October 7, 2025 |
| Category | Software development |
| Creator | TheUltDev |
| Stats | 6153 installs, 1055 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.
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.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code