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
Figma to shadcn/ui: From Figma to production shadcn/ui code in secondsSave 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 / Test it for free
Plugin Details
| Version | 57 |
|---|---|
| Created | October 13, 2024 |
| Last Updated | July 6, 2026 |
| Category | Software development |
| Creator | Matt Wierzbicki |
| Stats | 1715 installs, 410 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:src/ui.html
- main:dist/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.
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.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code