Back to Plugins
Figma to shadcn/ui

Figma to shadcn/ui

Convert Figma designs into production-ready shadcn/ui code

shadcnuifigma to reactfigma to codefigma to cssshadcn

Plugin Preview

Figma to shadcn/ui preview

About this plugin

From Figma to production shadcn/ui code in seconds

Save time on implementation with Figma to shadcn/ui plugin. Bridge design and development with intelligent shadcn/ui component generation and variable management.


Learn more / Documentation

Plugin Details

Version23
CreatedOctober 13, 2024
Last UpdatedMarch 20, 2025
CategorySoftware development
CreatorMatt Wierzbicki
Stats705 installs, 153 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:src/ui.html
  • main:src/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • http://localhost:3000Dev
    • https://figma-to-shadcn-git-variables-antforfigmagmailcoms-projects.vercel.appDev
    • https://figma-to-shadcn.vercel.app
  • Codegen Languages:
    • Shadcn(shadcn)