Shadcn/ui Theme Pal - beta available!

Export shadcn/ui themes from Figma to code! The beta version of our dedicated plugin is now available.

shadcn/ui Theme Pal

shadcn/ui Theme Pal generates CSS variables based on your Figma variables for your shadcn/ui projects. This plugin works exclusively with shadcn/ui kit for Figma.

Convert Figma theme variables to CSS
Compatible with shadcn/ui theming system
Generate variables for light and dark modes
Include custom color variables
Copy generated CSS with one click
Adapts to Figma's variable modes

Check out the plugin on Figma Community

The plugin is free during the beta phase. After this period ends, you'll be able to purchase it as part of the shadcn/ui kit for Figma Pro Package or through a subscription.

Get access to shadcn/ui kit for Figma and improve your workflow!

View pricing