Radix Color Variable Importer
Import Radix UI color palette as Figma Variables in one click.
Plugin Preview
About this plugin
Instantly import Radix UI Colors (v3.0.0) into your Figma file as native Variables.
Features
- All 33 color scales including BlackA and WhiteA alpha colors
- 12 shades per color, organized as grouped variables (e.g. Blue/1–12)
- Supports both solid and alpha (RGBA) colors
- Select individual colors or import all at once
- Duplicate collection detection with overwrite confirmation
- Creates a single "Radix Color" variable collection
How to use
1. Run the plugin
2. Select the colors you want
3. Click "Import to Variables"
4. Open the Variables panel to use them in your designs
Perfect for design systems built on Radix UI. No manual color entry needed.
Plugin Details
| Version | 3 |
|---|---|
| Created | February 3, 2026 |
| Last Updated | February 3, 2026 |
| Category | Import & export plugins |
| Creator | Sei |
| Stats | 1 installs, 4 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML