Shadcn/ui Theme Pal - beta 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.

Need to create a theme before exporting it?

If your theme is not ready yet, start with our shadcn theme generator. It helps you build a clean color system for shadcn/ui, test combinations faster, and create a theme that feels consistent before you move it into Figma. Once your variables are set up, Theme Pal can help you export them to CSS for your project.

• 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.