https://github.com/kat-tax/figma-to-react-native

Figma → React Native
https://github.com/kat-tax/figma-to-react-native

app-design cms design-system design-to-code design-tools figma figma-design figma-export figma-plugin figma-to-code react-native

Last synced: 1 day ago
JSON representation

Figma → React Native

• Host: GitHub
• URL: https://github.com/kat-tax/figma-to-react-native
• Owner: kat-tax
• License: other
• Created: 2022-01-16T00:00:18.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2024-12-26T19:42:29.000Z (about 1 month ago)
• Last Synced: 2025-01-25T10:04:51.298Z (9 days ago)
• Topics: app-design, cms, design-system, design-to-code, design-tools, figma, figma-design, figma-export, figma-plugin, figma-to-code, react-native
• Language: TypeScript
• Homepage: https://figma-to-react-native.com
• Size: 1.81 MB
• Stars: 207
• Watchers: 9
• Forks: 25
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  





  Figma → React Native





  

    Install Plugin

  






> 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](https://discord.kat.tax) or follow [@TheUltDev](https://x.com/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](https://reactnative.dev) [+[Web](https://necolas.github.io/react-native-web)] as the framework

- Only support [Unistyles](https://reactnativeunistyles.vercel.app) 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](https://discord.kat.tax) or follow [@TheUltDev](https://x.com/theultdev) to track project development.