Back to Plugins
Colorama

Colorama

A powerful yet simple way to name your design tokens as primitive variables in Figma.

hexgeneratortokensvariablesprimitivescolorswatchnamecoloramanamingrgb

Plugin Preview

Colorama 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

Version7
CreatedSeptember 14, 2024
Last UpdatedFebruary 17, 2025
CategoryFile organization plugins
CreatorGrant Kimm
Stats16 installs, 4 likes
PricingFree

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