Back to Plugins
React (TailWind) to Design
Converts React + Tailwind JSX code into native Figma designs with proper styling and layout.
Plugin Preview
About this plugin
This Figma plugin converts React JSX components with Tailwind CSS classes into native Figma designs. Paste your React code, click convert, and it creates actual Figma frames, text nodes, and styling that match your component's structure and Tailwind classes.
Plugin Details
| Version | 3 |
|---|---|
| Created | November 27, 2025 |
| Last Updated | November 27, 2025 |
| Category | Import & export plugins |
| Creator | Nazim Boudeffa |
| Stats | 132 installs, 15 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Import & export plugins category.
Free Compressed PDF and Image Exporter (PDF, PNG, JPG, WebP and SVG)
Export compressed PNG, PDF, JPG, SVG, WebP & merge multiple frames into one PDF—fast & easy! 🚀
Color Import / Export
Help design and dev teams stay in sync by providing import and export tools for color palettes
Export/Import Variables
Export variables from one file and import them to another. Supports modes, references, and scopes.