Back to Plugins
Figma to shadcn/ui
Convert Figma designs into production-ready shadcn/ui code
shadcnuifigma to reactfigma to codefigma to cssshadcn
Plugin 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.
Plugin Details
| Version | 31 |
|---|---|
| Created | October 13, 2024 |
| Last Updated | August 30, 2025 |
| Category | Software development |
| Creator | Matt Wierzbicki |
| Stats | 1255 installs, 305 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:src/ui.html
- main:src/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://figma-to-shadcn.vercel.app
- Codegen Languages:
- Shadcn(shadcn)
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.