On this page
About ShaderGradient
ShaderGradient is a free Figma plugin published by seungmee lee in 2023. It works in Figma Buzz, Figma Design, Figma Slides and FigJam and has 58,568 users and 1,934 likes on the Figma Community. It ranks #7 in Gradients on our lists.
In the developer's words
Create beautiful moving gradients
Design unique gradients - you can change colors, shape, motion, lighting, grain effects, and so many more
- Snapshot - Extract a static image of the gradient
- Add as GIF - Keep the gradient moving on Figma by adding it as a GIF.
- Export as GIF/Video - Want to use the moving gradient for somewhere else? Download the gradient in moving format (.gif / .webm)
- Loop support - now you can create infinitely moving gradients with short, looping video
- Slides/Buzz support - use ShaderGradient for your slides and social content
ShaderGradient is also available as a Framer component and React component. Visit our website https://shadergradient.co to learn more.
What's new
Version 10 ยท released Dec 16, 2025
- Added Figjam support
Permissions and privacy
Network access
ShaderGradient's manifest allows network access to any domain ("*"), so Figma doesn't limit where it can send data.
- *
Extra permissions
- Reads your Figma name and avatar
Read from the plugin's published manifest.
Where ShaderGradient ranks
ShaderGradient alternatives
- 1
Morph
by Milan Maheshwari
348K users7KFreeCreate awesome effects like Skeuomorph, Neon, Glass, Mesh Gradients, & more!
- 2
Noisy Gradients
by vijay verma
322K users6KFreeCreate beautiful grainy gradient backgrounds
- 3
Grainy Gradient
by Shuvojit Das
212K users2.5KFreeAdd a trendy twist to your designs with Grainy Gradient.
- 4
uiGradients
by Kamal Nayan
212K users3.2KFreeAdds gradients to groups, text and frames in single click.
- 5
Easing Gradients
by Alex Widua
100K users1.6KFree - 6
Generative Gradients
by vk
97K users1.7KFreeCreate Stunning Gradients with the Power of Generative Art
ShaderGradient FAQ
What does ShaderGradient do?
Create beautiful moving gradients. It's a Figma plugin by seungmee lee that runs in Figma Buzz, Figma Design, Figma Slides and FigJam.
Is ShaderGradient free?
Yes. ShaderGradient is free to install and run from the Figma Community, with no paid tier listed.
Is ShaderGradient safe to use?
Figma plugins can only reach the internet through domains listed in their manifest. ShaderGradient's manifest allows network access to any domain ("*"), so Figma doesn't limit where it can send data. As with any plugin, check the developer's privacy policy before using it on client work.
How do I install ShaderGradient?
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 ShaderGradient?
By user count, the closest alternatives are Morph, Noisy Gradients and Grainy Gradient. Compare all of them on the best Figma plugins for gradients.
Built this plugin?
Use this page as a landing page for ShaderGradient: 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/shadergradient/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="ShaderGradient on figmaplugins.co" width="220" height="48"></a>