Back to Plugins
Gradient Morph

Gradient Morph

Generate mesh gradient images based on your unique colors and params.

randommorphgradientmeshgenerategradients

Plugin Preview

Gradient Morph preview

About this plugin

Using random noise and morphing colors you can generate unique looking images.


Select a frame or rectangle and open the plugin.


play with the controls to get your unique look.


  1. You can pause and resume the animation for more control.
  2. You can press and hold on the canvas to rotate the camera.
  3. You can enable transparency to make place for some other design element.


Press Generate image when you think the canvas looks good, and it will copy it to your frame.


App Version

There is also a web app version that you can use outside of Figma.

https://gradient-morph.leonradley.com


Web Component

There is also a minimal web component that you can then use on your homepage to get the exact same morphing colors, but live!

https://www.npmjs.com/package/@leon/gradient-morph


Feedback

You can find more info and you can send feedback on this github repo

https://github.com/leon/gradient-morph-feedback

Plugin Details

Version3
CreatedDecember 3, 2022
Last UpdatedJanuary 8, 2023
Categoryediting & effects plugins
CreatorLeon Radley
Stats5234 installs, 337 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui/index.html
  • main:dist/plugin.js
  • Editor Types:
    figma