Back to Plugins

Colorama
A powerful yet simple way to name your design tokens as primitive variables in Figma.
hexgeneratortokensvariablesprimitivescolorswatchnamecoloramanamingrgb
Plugin Preview
About this plugin
Type in a hex color value and generate a 0-1000 number range for your primitive tokens. Not sure if this should be closer to 100, 200, or somewhere in between? Plug your values into Colorama and get a precise variable name.
Want them on your canvas? Just a click away.
Need your dark color values to be lower on the number scale? Select the direction to flip the number order on light/dark tones. Then click to copy and paste the values into your Figma variables collection.
Run several values at once with a comma separated text string. For example:
#ff0000, #123ABC, #223344
Plugin Details
| Version | 7 | 
|---|---|
| Created | September 14, 2024 | 
| Last Updated | February 17, 2025 | 
| Category | File organization plugins | 
| Creator | Grant Kimm | 
| Stats | 19 installs, 4 likes | 
| Pricing | Free | 
Technical Details
- API:1.0.0
 - UI:ui.html
 - main:code.js
 - Document Access:dynamic-page
 - Editor Types:figma
 - Allowed Domains:
- https://fonts.googleapis.com
 - https://fonts.gstatic.com
 
 
More Like This
Discover other plugins in the File organization plugins category.