Radix Colos as figma variables
add Radix colors as Figma variables intou your collection
Plugin Preview
About this plugin
Here is the first version of Radix colors as Figma variables. Beta.
Radix Colors - "A gorgeous, accessible color system for user interfaces"
This plugin is a simple way for you to get any of the Radix colors as variables into a variable collection from any of your files.
The plugin allows you to:
- add any color to a preferred variable collection
- add solid or alpha variants
- choose light or dark values for single mode collections
- add both light and dark values as modes for multimode collections (Figma paid seat is required for variable modes)
- (soon) add a custom color created in radix web ui
- set-up a new variable collection with 2 modes
- choose your own collection where to put the variables
- choose your ow light and dark modes from the collection
INFO: The plugin is functional, but the user guide and error handling are not done yet. I am releasing it as i is for now so everybody can use the current feature set that covers most of the intended feature set
In order for the plugin to function, you need to go to settings and:
- select a mode of operation
- select or create a variable collection. It can be renamed at any time in the Figma UI
- select variable modes where the values will land. (They can also be renamed at any time)
Settings are saved as you select them.
Known bug: When you create a new collection, you need to close and reopen the settings page to reflect the changes, or press the refresh button.
This was mostly developed in coffee shops. I hope you see where i'm going with this... 😆
Plugin Details
Version | 3 |
---|---|
Created | July 28, 2024 |
Last Updated | April 2, 2025 |
Category | design-tools-other |
Creator | Bogriceanu Sorin |
Stats | 16 installs, 3 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- http://localhost:3000/Dev
- https://fonts.googleapis.com
- https://xoxo-mono-radix-colors.vercel.app
More Like This
Discover other plugins in the design-tools-other category.