On this page
About Grainy Gradient
Grainy Gradient is a free Figma plugin published by Shuvojit Das in 2022. It works in Figma Design and has 221,372 users and 2,553 likes on the Figma Community. It ranks #5 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 ↗
What's new
Version 2 · released Feb 15, 2025
- 🆕 New Features & Improvements
- Stronger Grain/Noise Control – Fine-tune noise opacity & intensity for deeper textures.
- Direct Gradient Insertion – Apply gradients directly to selected rectangles/frames in Figma.
- Persistent Settings – Plugin remembers colors, noise settings, and output size between sessions.
- Custom Output Size – Choose export size before inserting gradients.
- 🎨 UI Enhancements
- Dark Mode Support – Automatically adapts to the user’s Figma theme.
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.
Where Grainy Gradient ranks
Grainy Gradient alternatives
- 1
Morph
by Milan Maheshwari
352K users7.1KFreeCreate awesome effects like Skeuomorph, Neon, Glass, Mesh Gradients, & more!
- 2
Mesh Gradient
by Gautham 🌶
348K users5.2KFreeAdd beautiful mesh gradients to your Figma files!
- 3
Noisy Gradients
by vijay verma
334K users6.2KFreeCreate beautiful grainy gradient backgrounds
- 4
Mesh gradients
by oodesign
300K users1.9KFree + paid featuresCreate awesome real mesh gradients right inside Figma.
- 5
uiGradients
by Kamal Nayan
214K users3.3KFreeAdds gradients to groups, text and frames in single click.
- 6
Webgradients
by itmeo
159K users2.7KFree
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, Mesh Gradient and Noisy Gradients. Compare all of them on the best Figma plugins for gradients.
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.
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>Want it featured on figmaplugins.co? Submit it for review