Back to Plugins
Perceptually Uniform Gradients

Perceptually Uniform Gradients

Generate more beautiful gradients by interpolating them with perceptually uniform color models.

generatorinterpolateoklchcolor palettegradientgradient backgroundslab

Plugin Preview

Perceptually Uniform Gradients preview

About this plugin

By default, Figma can generate some gradients that get really muddy as they transition from color to color. With this plugin you can generate gradients using color models which handle interpolation better, which translates to more beautiful gradients.


Features:

  1. Generate gradients in Lab, OKLCH, or LCH and insert them into your Figma files as a continuous gradient or as individual, evenly-spaced stops
  2. Extract key colors from your current selection
  3. Copy raw text color scales out of the plugin in JSON format
  4. Generate multi-hue gradients
  5. Automatically correct the lightness distributions of your gradients
  6. Generate bezier-curved gradients in the Lab color space
  7. Adjust the gamma distribution of your gradients
  8. Select colors from a curated library of options
  9. Drag and drop to reorder colors

Plugin Details

Version3
CreatedOctober 4, 2024
Last UpdatedOctober 10, 2024
Categoryediting & effects plugins
CreatorBrian Saunders
Stats33 installs, 11 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:build/ui.js
  • main:build/main.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none