0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100
Figma plugin#11 in Gradients

Gradient Morph

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

by Leon Radley

users
37K
likes
408
saves
6.3K
comments
2
FreeWorks inFigma Design
Price
Free
Latest version
v3 · Jan 8, 2023
First published
Dec 3, 2022
Publisher
Leon Radley
Features

What Gradient Morph does

Summarised from Leon Radley's description on the Figma Community.

  • App Version

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

  • 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!

  • Manifest

    Edit Gradient Morph

    A quick action you can run from the Actions menu (Cmd/Ctrl + K).

On this page
Overview

About Gradient Morph

Gradient Morph is a free Figma plugin published by Leon Radley in 2022. It works in Figma Design and has 37,473 users and 408 likes on the Figma Community. It ranks #11 in Gradients on our lists.

In the developer's words

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

Changelog

What's new

Version 3 · released Jan 8, 2023

  • Updated default values for some more interesting colors
  • Updated range for colorCordX/Y so you can compress the texture even more, and get cooler results.
  • Fixed some bugs
Trust

Permissions and privacy

Network access

This plugin's manifest doesn't declare its network access, which is common for older plugins. Figma shows a warning on the Community page for plugins like this.

Extra permissions

None beyond the standard access to the file you run it in.

Read from the plugin's published manifest.

Rankings

Where Gradient Morph ranks

Compare

Gradient Morph alternatives

  1. 1

    Morph

    by Milan Maheshwari

    348K users7KFree

    Create awesome effects like Skeuomorph, Neon, Glass, Mesh Gradients, & more!

  2. 2

    Noisy Gradients

    by vijay verma

    322K users6KFree

    Create beautiful grainy gradient backgrounds

  3. 3

    Grainy Gradient

    by Shuvojit Das

    212K users2.5KFree

    Add a trendy twist to your designs with Grainy Gradient.

  4. 4

    uiGradients

    by Kamal Nayan

    212K users3.2KFree

    Adds gradients to groups, text and frames in single click.

  5. 5

    Easing Gradients

    by Alex Widua

    100K users1.6KFree
  6. 97K users1.7KFree

    Create Stunning Gradients with the Power of Generative Art

FAQ

Gradient Morph FAQ

What does Gradient Morph do?

Generate mesh gradient images based on your unique colors and params. It's a Figma plugin by Leon Radley that runs in Figma Design.

Is Gradient Morph free?

Yes. Gradient Morph is free to install and run from the Figma Community, with no paid tier listed.

How do I install Gradient Morph?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to Gradient Morph?

By user count, the closest alternatives are Morph, Noisy Gradients and Grainy Gradient. Compare all of them on the best Figma plugins for gradients.

For developers

Built this plugin?

Use this page as a landing page for Gradient Morph: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Gradient Morph on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/gradient-morph/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Gradient Morph on figmaplugins.co" width="220" height="48"></a>