Back to Plugins
Figroot - Free Figma to Code (React, Tailwind CSS, HTML/CSS) Plugin

Figroot - Free Figma to Code (React, Tailwind CSS, HTML/CSS) Plugin

Convert Figma designs to clean, responsive code in seconds

Plugin Preview

Figroot - Free Figma to Code (React, Tailwind CSS, HTML/CSS) Plugin preview

About this plugin

Instantly turn Figma into code for free.Select any node and it will generate React code.Convert Figma to Code- No setup: no special prep needed in your design files- Any framework: generate React, Tailwind CSS, HTML/CSS, and more.- Automatically responsive: generated code adapts to screens even if designs lack auto layout- Easy to read and export: clean, developer-friendly output that is simple to edit and integrate- Free forever: Free forever, no sign-in requiredRated #1 React code generator by Lovable.Watch the demo video here.How to useClick the Figma screenCopy the generated codePaste the codeFeatures- Image download button zip- Automatic font detection and support- Tailwind custom config support for fonts (variables WIP).- Responsive Screen mode.We are continuing to improve the experimental Responsive Screen setting.How to set up the React websiteBelow are the instructions to run your own React website, using Next.js and Tailwind CSS. Learn more here: https://figroot.vercel.app/getting-started/quickstart

Plugin Details

Version7
CreatedMarch 26, 2025
Last UpdatedDecember 29, 2025
CategorySoftware development
CreatorPatti
Stats435 installs, 145 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://cdn.jsdelivr.net
    • https://cdnjs.cloudflare.com
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com
    • https://i.imgur.com
    • https://unpkg.com