Products
Figma plugin
Free

Radix Colors, ready to use in Figma.

Generate Radix solid and alpha scales as Figma Variables, with light and dark values mapped for you.

Open in Figma
Radix Colors as Figma Variables plugin

What it removes

No copying palettes. No theme duplication.

Use the same well-defined color scales in design and code, while keeping your Figma file organized.

Solid and alpha scales

Create the Radix color scales you need without copying values by hand.

Light and dark modes

Map light and dark values to the same variables for theme-ready design systems.

Your collection, your file

Create a new variable collection or add colors to one you already use.

Plugin collection and color mode setup

Three steps

From zero to variables in a minute.

  1. 1Open the plugin in the Figma file you are working in.
  2. 2Choose a variable collection and the color modes your plan supports.
  3. 3Add the solid or alpha Radix scales you need.
About Figma plans: free plans support a single mode per variable collection. Multiple modes, such as light and dark together, require a Figma plan that supports Variable Modes.

A cleaner color workflow starts here.

Free to use directly from the Figma Community.

Try the plugin