kat-tax / figma-to-react-native

Convert Figma Designs to React Native

Home Page:https://figma-to-react-native.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

About

Convert Figma Designs to React Native

https://figma-to-react-native.com

License:Other


Languages

Language:TypeScript 87.7%Language:CSS 9.5%Language:Smarty 2.3%Language:JavaScript 0.6%