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 | 0 installs, 0 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.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML