Back to Plugins
Mesh Gradient

Mesh Gradient

Add beautiful mesh gradients to your Figma files!

editmakerinterpolatecreateabstractgradienteditorbackgroundmeshcolorgradientssmoothadvancedcreator

Plugin Preview

Mesh Gradient preview

About this plugin

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

Plugin Details

Version6
CreatedMarch 29, 2021
Last UpdatedFebruary 3, 2025
Categoryshapes-colors
CreatorGautham 🌶
Stats129339 installs, 4159 likes
PricingFree

Technical Details

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