Skip to content

kat-tax/figma-to-react-native

Repository files navigation

Figma → React Native


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.