Project

Color Scale

Generate color scales inside Figma

FigmaPluginColorDesign Systems

What it is

A Figma plugin that generates color scales from any base color. Pick a color, choose how many steps you want, and it creates a harmonious scale you can drop straight into your design system.

Why I built it

I kept doing this manually — taking a brand color and creating 10 shades by hand in every new project. It’s tedious and inconsistent. So I turned it into a one-click plugin.

How it works

Select a color, set the number of steps, and the plugin generates a scale with proper lightness distribution. You can tweak the curve if you want more control. The output goes directly onto your canvas as named color swatches.

Built with

Figma Plugin API with a custom color math engine for perceptually uniform scales.

Install from Figma Community