# Shadcn/ui Theme Pal - beta available!

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

Published: 2024-09-12 · Updated: 2026-03-16 · Author: Matt Wierzbicki · Canonical: https://www.shadcndesign.com/blog/shadcnui-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**](/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](https://www.figma.com/community/plugin/1414907325492743968/shadcnui-theme-pal)

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](https://www.shadcndesign.com/#pricing) or through a subscription.