This plugin transforms Figma components to React Native components in real time. The goal is to reduce the handoff time between design and development. Design your UI components in Figma and export them for use in your React Native app.
Run the plugin. Open it in Figma and select a Figma component. The plugin will generate React component code and render a preview. To change the settings, click the cog icon and edit the JSON. Settings will save and update in real time. You can change the configuration of the editor, plugin, compiler, code output, and more.
- SVGs and images
- Nested components
- Variants and properties
- AutoLayout to FlexBox
- Conditional rendering
- Background gradients
- Borders and rounding
- Shadows and rotations
- Storybook generation
- Component JSDoc generation
- Theme generation from styles
- Realtime code and preview rendering
- Flexible and realtime configuration
- Batch exporting components
- Figma dark mode support :)
This plugin is open source. It does not require an account, remote service, or any other bullsh*t.