{"id":14981575,"url":"https://github.com/kat-tax/figma-to-react-native","last_synced_at":"2025-04-04T12:06:52.811Z","repository":{"id":40315458,"uuid":"448418702","full_name":"kat-tax/figma-to-react-native","owner":"kat-tax","description":"Figma → React Native","archived":false,"fork":false,"pushed_at":"2025-03-23T06:10:12.000Z","size":2164,"stargazers_count":216,"open_issues_count":1,"forks_count":26,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-03-28T11:09:14.256Z","etag":null,"topics":["app-design","cms","design-system","design-to-code","design-tools","figma","figma-design","figma-export","figma-plugin","figma-to-code","react-native"],"latest_commit_sha":null,"homepage":"https://figma-to-react-native.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kat-tax.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-01-16T00:00:18.000Z","updated_at":"2025-03-19T19:12:17.000Z","dependencies_parsed_at":"2023-10-25T00:30:53.672Z","dependency_job_id":"c82a2e83-8b1f-4538-83fc-f842ebd9b8ae","html_url":"https://github.com/kat-tax/figma-to-react-native","commit_stats":{"total_commits":27,"total_committers":1,"mean_commits":27.0,"dds":0.0,"last_synced_commit":"2887af1a854fded1aa9728846eaf3d222148f26f"},"previous_names":["kat-tax/figma-to-react-native"],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kat-tax%2Ffigma-to-react-native","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kat-tax%2Ffigma-to-react-native/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kat-tax%2Ffigma-to-react-native/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kat-tax%2Ffigma-to-react-native/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kat-tax","download_url":"https://codeload.github.com/kat-tax/figma-to-react-native/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247174415,"owners_count":20896078,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["app-design","cms","design-system","design-to-code","design-tools","figma","figma-design","figma-export","figma-plugin","figma-to-code","react-native"],"created_at":"2024-09-24T14:03:52.353Z","updated_at":"2025-04-04T12:06:52.787Z","avatar_url":"https://github.com/kat-tax.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./images/logo.png\" width=\"64px\"/\u003e\n\u003c/p\u003e\n\u003ch3 align=\"center\"\u003e\n  Figma → React Native\n\u003c/h3\u003e\n\u003ch4 align=\"center\"\u003e\n  \u003ca href=\"https://www.figma.com/community/plugin/821138713091291738\"\u003e\n    Install Plugin\n  \u003c/a\u003e\n\u003c/h4\u003e\n\u003cbr/\u003e\n\n\u003e 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.\n\n## Features\n\n|   |   |\n| - | - | \n| ✨ | Real-time code and preview rendering\n| 📦 | Batch exporting of components and assets\n| 🎨 | Theme generation from local styles and variables\n| 🏞 | Images, vectors, and icons support\n| 🎲 | Variants and properties support\n| 🧱 | Nested components support\n| 🧩 | Figma variables support\n| 🎮 | Pressables generation\n| 🎭 | Conditional rendering\n| 📚 | Storybook syncing\n| 📖 | JSDoc generation\n| 💡 | Dark/light mode\n\n## Goals\n- Only support [React Native](https://reactnative.dev) [+[Web](https://necolas.github.io/react-native-web)] as the framework\n- Only support [Unistyles](https://reactnativeunistyles.vercel.app) as the style library\n- Always support real-time conversions *(for free)*\n- Always support exporting the entire document *(for free)*\n- Always support free Figma users *(via graceful degradation)*\n\n---\n\nThis project is work in progress. Join the [Discord Channel](https://discord.kat.tax) or follow [@TheUltDev](https://x.com/theultdev) to track project development.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkat-tax%2Ffigma-to-react-native","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkat-tax%2Ffigma-to-react-native","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkat-tax%2Ffigma-to-react-native/lists"}