Back to Plugins
Gradient Generator

Gradient Generator

A Figma plugin to generate gradient squares by selecting two colors and setting the quantity.

generate colorgeneratorcolor palettegradientuicolor shadecolorsquare

Plugin Preview

Gradient Generator preview

About this plugin

Gradient Generator

This Figma plugin enables designers to effortlessly create gradient-based square patterns. Select two squares with different colors, input the number of squares you'd like generated, and the plugin will automatically produce an array of squares, each shaded with an interpolated color between the two selected hues. This tool is ideal for designing color palettes, gradient backgrounds, or visualizing color transitions in your projects.


Features:

- Color Selection: Pick two squares to use as color anchors.

- Customizable Quantity: Enter the number of gradient squares you'd like to generate.

- Automatic Placement: Squares are aligned in a row for easy visual comparison.

- Smooth Color Interpolation: Each generated square shows a seamless color transition.


Simplify your color design workflow and add gradient-based color arrays with just a few clicks!

Plugin Details

Version1
CreatedOctober 28, 2024
Last UpdatedOctober 28, 2024
Categoryediting & effects plugins
Creatorvmcode
Stats32 installs, 3 likes
PricingFree

Technical Details

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