Color Designer for Figma

The plugin generates shades, tints, and color harmonies based on select layers or local styles. You can also create a stepped gradient between two colors.

Figma plugin screen 1
Figma plugin screen 2
Figma plugin screen 3
Figma plugin screen 4

Main Features

  • Generate tints, shades, and color harmonies
  • The plugin is integrated with user selection and local styles
  • Gradient Generator
  • Easy to use
  • The plugin support only solid fills.


  1. Open Figma
  2. Open the plugin manager
  3. Search for Color Designer
  4. Click the install button