Creating new themes
Learn how to create new themes in the shadcn/ui kit for Figma.
Instructions
Our Figma kit lets you create themes quickly, so you can test out different styles or build multi-brand design systems in just minutes.
To add a new theme:
- Open the variables panel
- Navigate to the Themes collection
- Click "+" in the top right corner to add new mode
- Rename your new mode (e.g., "Brand B" or "High Contrast")
- Adjust the variables in your new mode to match your desired aesthetic
This approach allows you to maintain multiple complete themes within a single design system, making it easy to switch between different visual styles while preserving component structure.
Up next
Creating new typography styles
In this short guide, you will learn how to create a new typography style using variables from the theme collection.