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

Grainy Gradient

Add a trendy twist to your designs with Grainy Gradient.

by Shuvojit Das

users
212K
likes
2.5K
saves
36K
comments
23
FreeWorks inFigma Design
Price
Free
Latest version
v4 ยท Feb 18, 2025
First published
Nov 20, 2022
Publisher
Shuvojit Das
Features

What Grainy Gradient does

What the plugin declares in its manifest.

  • Manifest

    Grainy Gradient

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

On this page
Overview

About Grainy Gradient

Grainy Gradient is a free Figma plugin published by Shuvojit Das in 2022. It works in Figma Design and has 212,049 users and 2,452 likes on the Figma Community. It ranks #3 in Gradients and #7 in Effects & Textures on our lists.

In the developer's words

Tired of the same old gradients?

Grainy Gradient lets you create trendy, smooth, and textured gradients with stylish grainโ€”perfect for adding depth to your designs. Simply pick your colors, fine-tune the noise intensity, and instantly insert your gradient into selected frames or export it at your desired resolution.

โœจ Now with:

โœ” More control over grain intensity for richer textures

โœ” Direct gradient insertion into selected Figma frames/shapes

โœ” Saved settingsโ€”your colors, noise, and size preferences stay after closing

โœ” Dark mode support.

๐Ÿค— Show your support

Want to support me? Your contribution helps keep this plugin free and updated! Support here โ†—

Changelog

What's new

Version 4 ยท released Feb 18, 2025

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

Trust

Permissions and privacy

Network access

Grainy Gradient can only connect to the domain declared in its manifest: fonts.gstatic.com.

  • fonts.gstatic.com

Extra permissions

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

Read from the plugin's published manifest.

Rankings

Where Grainy Gradient ranks

Compare

Grainy 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

    uiGradients

    by Kamal Nayan

    212K users3.2KFree

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

  4. 4

    Easing Gradients

    by Alex Widua

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

    Create Stunning Gradients with the Power of Generative Art

  6. 6

    ShaderGradient

    by seungmee lee

    59K users1.9KFree

    Create beautiful moving gradients

FAQ

Grainy Gradient FAQ

What does Grainy Gradient do?

Add a trendy twist to your designs with Grainy Gradient. It's a Figma plugin by Shuvojit Das that runs in Figma Design.

Is Grainy Gradient free?

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

Is Grainy Gradient safe to use?

Figma plugins can only reach the internet through domains listed in their manifest. Grainy Gradient can only connect to the domain declared in its manifest: fonts.gstatic.com. As with any plugin, check the developer's privacy policy before using it on client work.

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

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

For developers

Built this plugin?

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

Grainy Gradient on figmaplugins.co

Style

Label

Size

Code

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