Back to Plugins
Gradient Maker

Gradient Maker

Turn any colour into 5 nice-looking gradients with one click.

Plugin Preview

Gradient Maker preview

About this plugin

Gradient Maker helps you take a single colour and turn it into a set of fresh, ready-to-use gradients. Whether you’re working on a background, a section, or a design element, the plugin gives you quick gradient options that look good and feel consistent — without setting anything up yourself.


Key features:


  1. Creates 5 different gradient styles from the colour you selected.


  1. Mixes your colour with 1 to 3 extra colours that match well.


  1. Builds the gradients inside 5 rectangles so they’re easy to use.


  1. Automatically places them in a clean auto layout you can move around.


  1. Works for horizontal or vertical layouts.


  1. Runs once — no extra UI or settings needed.


How to use:


  1. Pick a layer that has the colour you want.
  2. Run the plugin.
  3. Get 5 gradient rectangles, each with a different look.
  4. Drag them anywhere in your design and use what you like.


Gradient Maker helps you turn simple colours into smooth, modern gradients fast — so you can design quicker and explore more ideas.


👉 Contact me here: LinkedIn | Email

Plugin Details

Version1
CreatedNovember 28, 2025
Last UpdatedDecember 7, 2025
Categoryshapes-colors
CreatorTosin Olajide
Stats17 installs, 1 likes
PricingFree

Technical Details

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