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#2 in Gradients

Mesh Gradient

Add beautiful mesh gradients to your Figma files!

by Gautham 🌶

users
348K
likes
5.2K
saves
146K
comments
70
Open in Figma
FreeWorks inFigma DesignFigma Slides
Price
Free
Latest version
v4 · May 13, 2022
First published
Mar 29, 2021
Publisher
Gautham 🌶
On this page
Overview

About Mesh Gradient

Mesh Gradient is a free Figma plugin published by Gautham 🌶 in 2021. It works in Figma Design and Figma Slides and has 347,962 users and 5,229 likes on the Figma Community. It ranks #2 in Gradients on our lists.

In the developer's words

Free yourself from the constraints of linear & radial gradients.

Mesh Gradient generates a gradient image with an underlying 2d mesh, and lets you edit the vertices & edges of the mesh to get the perfect gradient look.

Achieving something similar with existing gradients would be impossible, since layering numerous gradients results in muddied colors and sub-par results.

Features

  1. Live preview in plugin
  2. Save gradients and load them later to edit
  3. Render high-definition gradient images

Features in development

  1. Color eyedrop tool
  2. Performance improvements

Bugs, questions, or feedback? --> https://twitter.com/GuamHat

Changelog

What's new

Version 4 · released May 13, 2022

  • Support for Figma dark mode
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 Mesh Gradient ranks

Compare

Mesh Gradient alternatives

  1. 1

    Morph

    by Milan Maheshwari

    352K users7.1KFree

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

    View details
  2. 2

    Noisy Gradients

    by vijay verma

    334K users6.2KFree

    Create beautiful grainy gradient backgrounds

    View details
  3. 3

    Mesh gradients

    by oodesign

    300K users1.9KFree + paid features

    Create awesome real mesh gradients right inside Figma.

    View details
  4. 4

    Grainy Gradient

    by Shuvojit Das

    221K users2.6KFree

    Add a trendy twist to your designs with Grainy Gradient.

    View details
  5. 5

    uiGradients

    by Kamal Nayan

    214K users3.3KFree

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

    View details
  6. 6

    Webgradients

    by itmeo

    159K users2.7KFree
    View details
FAQ

Mesh Gradient FAQ

What does Mesh Gradient do?

Add beautiful mesh gradients to your Figma files. It's a Figma plugin by Gautham 🌶 that runs in Figma Design and Figma Slides.

Is Mesh Gradient free?

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

How do I install Mesh Gradient?

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 Mesh Gradient?

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

For developers

Built this plugin?

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

Mesh Gradient on figmaplugins.co

Style

Label

Size

Code

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