Figma To React Native Description 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. The focus is on one way, continuous, conversion from Figma to React. Getting Started Run the plugin 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. Features ✨ Realtime code and preview rendering 🔧 Flexible and realtime config 🎨 Theme generation from styles 📦 Batch exporting of components and assets 🏞 Asset exporting of rasters and vectors ⭐️ AutoLayout to Flexbox translation 🎲 Variants and properties support 🧩 Figma variables support 🧱 Nested components support 🎭 Conditional rendering 🪟 Borders and rounding 🔄 Rotations and effects 🏔 Background gradients 📚 Storybook syncing 📖 JSDoc generation 💡 Dark/light mode Resources Discord Channel Source Code Discussions Issues This plugin is open source . It does not require an account, remote service, or any other bullsh*t.
适用场景
Figma -> React Native 属于 导入和导出 分类，适合希望用清晰结果驱动设计流程的团队。
关键信息
- 分类：导入和导出
- 点赞：700
- 用户：51,608
- 定价模式：免费
发布者信息
创建者：TheUltDev。Figma 社区发布者：TheUltDev。
兼容性与支持
- 支持编辑器：design, dev_handoff
- 发布时间：2024年11月25日
- 支持联系方式：team@kat.tax
安装前如何评估
查看 Figma 内最新更新说明，确认示例输出质量，并与下方相关插件做对比。