Figma to shadcn/ui plugin

From Figma to shadcn/ui in seconds

Bridge design and development with smart shadcn/ui component generation and variable management.

Convert Figma designs to shadcn/ui code
Export & import Figma variables
Install Pro Blocks with the CLI

"The shadcn/ui kit has transformed our design-to-development workflow at Sidley. The Figma plugin generates component code instantly. No more manual inspection. Plus, exporting design tokens as CSS variables ensures our styling stays perfectly synced."

Code generation

Generate shadcn/ui code based on Figma designs

Convert your Figma designs into production-ready shadcn/ui components. Select your design frame, and let AI generate clean, accessible code following shadcn/ui best practices.

Once generated, you have three flexible ways to use the code:

Copy & paste the code into your project
Install the code with the CLI
Open the code in v0

Variables Management

Export & import variables

Export your entire theme as CSS variables ready for your globals.css file, or import existing CSS variables back into Figma to update your design system.

Works with light and dark themes, and Tailwind v4.

Pro Blocks

Install Pro Blocks in your project with the CLI

Get instant CLI commands for Pro Blocks directly from Figma - no more manual copying and pasting.

Select any Pro Block in your design
Copy the generated command
Install it in your codebase

Who is it for?

Join 6K+ pros who design & ship faster

Our ecosystem eliminates the friction between design and development. Every role gets exactly what they need to work and collaborate faster.

Designers

Ship pixel-perfect designs that developers can actually build
Design 10x faster with pre-built components and blocks
Stay current with AI tools that already understand your components
Focus on UX and conversion, not component building from scratch
Level up your skills with shadcn/ui best practices built-in

"Our company selected shadcn as our primary design library, and its been a fantastic choice. The design kit is sleek, modern, and offers excellent UX right out of the box. Its comprehensive variable system has significantly improved our efforts around branding and accessibility."

Ryan Almoneda

UX Designer @ BlackDuck