Figma plugin

Shape Blur Gradient

Create beautiful blurred gradients from geometric shapes

by Andrei Seredkin

users
7.8K
likes
13
saves
1.1K
Open in Figma
FreeWorks inFigma DesignFigma SlidesFigJam
Price
Free
Latest version
v1 ยท Jun 20, 2025
First published
Jun 19, 2025
Publisher
Andrei Seredkin
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.

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.

Compare

Shape Blur Gradient alternatives

  1. 1

    Icons8

    by Icons8 Team

    2.3M users9.7KFree + paid features

    All our graphics at your fingertips.

    View details
  2. 2

    Remove BG

    by Aaron Iker

    1.7M users17KFree + paid features

    Remove the background of images automatically with just a single click.

    View details
  3. 3

    Mockup Plugin

    by ls.graphics

    1.6M users20KFree + paid features

    Most installed mockup plugin. 3800+ device & branding mockups

    View details
  4. 4

    Material Design Icons

    by Icons8 Team

    1.5M users12KFree + paid features

    Instant easy access to the entire Material Design Icons library

    View details
  5. 5

    Icons8 Background Remover

    by Icons8 Team

    1.3M users14KFree

    Remove background from one or many images at once!

    View details
  6. 6

    Content Reel

    by Eugene Gavriloff

    1.1M users17KFree

    Design layouts more efficiently by pulling text strings, images, and icons.

    View details
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 Icons8, Remove BG and Mockup Plugin.

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>

Want it featured on figmaplugins.co? Submit it for review