Back to Plugins
Figma -> React Native

Figma -> React Native

Transforms your Figma design to React Native in real-time.

no-codeconvertfigma-to-reactfigma-to-codecode-generationdesign-to-codereact-nativetsxfigaroreactcodetypescriptcomponents

Plugin Preview

Figma -> React Native 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

Version50
CreatedMarch 15, 2020
Last UpdatedOctober 7, 2025
CategorySoftware development
CreatorTheUltDev
Stats6054 installs, 1027 likes
PricingFree

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)