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

Shape Blur Gradient

Create beautiful blurred gradients from geometric shapes

by Andrei Seredkin

users
7.8K
likes
13
saves
1.1K
FreeWorks inFigma DesignFigma SlidesFigJam
Price
Free
Latest version
v1 ยท Jun 20, 2025
First published
Jun 19, 2025
Features

What Shape Blur Gradient does

Summarised from Andrei Seredkin's description on the Figma Community.

  • Instantly generate unique, soft gradients based on overlapping shapes

  • Customize colors, number of shapes, blur intensity, and layout

  • Achieve modern, mesh-style backgrounds and decorative elements

  • Save time compared to manual shape and blur creation

On this page
Overview

About Shape Blur Gradient

Shape Blur Gradient is a free Figma plugin published by Andrei Seredkin in 2025. It works in Figma Design, Figma Slides and FigJam and has 7,801 users and 13 likes on the Figma Community. It ranks #18 in Gradients on our lists.

In the developer's words

ShapeBlur Gradient helps you create stunning, organic gradients by automatically generating and blending blurred geometric shapes.

With just a few clicks, you can:

  1. Instantly generate unique, soft gradients based on overlapping shapes
  2. Customize colors, number of shapes, blur intensity, and layout
  3. Achieve modern, mesh-style backgrounds and decorative elements
  4. Save time compared to manual shape and blur creation

Perfect for UI designers, illustrators, and anyone looking to add depth and vibrancy to their designs.

Source: https://github.com/midler/ShapeBlurGradient

Features, bugs: figma@midler.xyz

Telegram: @midler

Changelog

What's new

Version 1 ยท released Jun 20, 2025

The developer didn't publish release notes for this version.

Trust

Permissions and privacy

Network access

Shape Blur Gradient declares no network access, so it runs entirely inside Figma and can't send your file anywhere.

Extra permissions

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

Read from the plugin's published manifest.

Rankings

Where Shape Blur Gradient ranks

Compare

Shape Blur Gradient 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

Shape Blur Gradient FAQ

What does Shape Blur Gradient do?

Create beautiful blurred gradients from geometric shapes. It's a Figma plugin by Andrei Seredkin that runs in Figma Design, Figma Slides and FigJam.

Is Shape Blur Gradient free?

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

Is Shape Blur Gradient safe to use?

Figma plugins can only reach the internet through domains listed in their manifest. Shape Blur Gradient declares no network access, so it runs entirely inside Figma and can't send your file anywhere. As with any plugin, check the developer's privacy policy before using it on client work.

How do I install Shape Blur 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 Shape Blur Gradient?

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 Shape Blur Gradient: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Shape Blur Gradient on figmaplugins.co

Style

Label

Size

Code

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