Back to Plugins
Radix Custom Color

Radix Custom Color

Import color styles and variables from Radix generated CSS code

generatorpaletteradixcolorcolor styles

Plugin Preview

Radix Custom Color preview

About this plugin

This plugin can help speed up the process of importing color styles from Radix UI's color palette generator.


Features:

  1. Generate local styles or variables from Radix UI Colors generated CSS code
  2. Group colors by name (i.e. red, blue)
  3. Specify collection name and variable mode (will default to the first one if not specified)
  4. Generate rectangle visuals for your design system


If you encounter any bugs or issues, feel free to add an issue in the GitHub repo.

If you are a developer and want to contribute, feel free to make a pull request!

Plugin Details

Version9
CreatedMay 27, 2024
Last UpdatedApril 2, 2025
CategoryImport & export plugins
CreatorJinkang Fang
Stats34 installs, 8 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none