Back to Plugins
Figma variables to shadcn globals.css
One-click export from Figma color variables to shadcn globals.css
Plugin Preview
About this plugin
Export your Figma variable collections directly to shadcn/ui's globals.css format with perfect HSL color conversion.
How it works
- Select your collection
- Choose your variable group (optional)
- Generate production-ready CSS variables
- Copy variables
- Paste to your global.css file
Built for designers and developers who value consistency between design systems and code and use shadcn.
Built by Lazar Krstić
Plugin Details
| Version | 1 |
|---|---|
| Created | January 27, 2026 |
| Last Updated | January 27, 2026 |
| Category | Software development |
| Creator | Lazar Krstić |
| Stats | 3 installs, 2 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.