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.

Preview the newest version in Figma

How to get the new update?

Improve your workflow today

Forget about designing and coding from scratch. Save time today and access a huge collection of components, blocks and assets built with shadcn/ui.

Get access