Figma plugin#11 in Gradients

ShaderGradient

Create beautiful moving gradients

by Seungmee Lee

users
63K
likes
2.1K
saves
15K
comments
45
Open in Figma
FreeWorks inFigma BuzzFigma DesignFigma SlidesFigJam
Price
Free
Latest version
v8 · Aug 4, 2024
First published
Feb 2, 2023
Publisher
Seungmee Lee
Features

What ShaderGradient does

Summarised from Seungmee Lee's description on the Figma Community.

  • 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

On this page
Overview

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 63,232 users and 2,081 likes on the Figma Community. It ranks #11 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

  1. Snapshot - Extract a static image of the gradient
  2. Add as GIF - Keep the gradient moving on Figma by adding it as a GIF.
  3. Export as GIF/Video - Want to use the moving gradient for somewhere else? Download the gradient in moving format (.gif / .webm)
  4. Loop support - now you can create infinitely moving gradients with short, looping video
  5. 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.

For any issues, contact us via Twitter or Instagram

Changelog

What's new

Version 8 · released Aug 4, 2024

  • fix iframe url
Trust

Permissions and privacy

Network access

This plugin's manifest doesn't declare its network access, which is common for older plugins. Figma shows a warning on the Community page for plugins like this.

Extra permissions

  • Reads your Figma name and avatar

Read from the plugin's published manifest.

Rankings

Where ShaderGradient ranks

Compare

ShaderGradient alternatives

  1. 1

    Morph

    by Milan Maheshwari

    352K users7.1KFree

    Create awesome effects like Skeuomorph, Neon, Glass, Mesh Gradients, & more!

    View details
  2. 2

    Mesh Gradient

    by Gautham 🌶

    348K users5.2KFree

    Add beautiful mesh gradients to your Figma files!

    View details
  3. 3

    Noisy Gradients

    by vijay verma

    334K users6.2KFree

    Create beautiful grainy gradient backgrounds

    View details
  4. 4

    Mesh gradients

    by oodesign

    300K users1.9KFree + paid features

    Create awesome real mesh gradients right inside Figma.

    View details
  5. 5

    Grainy Gradient

    by Shuvojit Das

    221K users2.6KFree

    Add a trendy twist to your designs with Grainy Gradient.

    View details
  6. 6

    uiGradients

    by Kamal Nayan

    214K users3.3KFree

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

    View details
FAQ

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.

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, Mesh Gradient and Noisy Gradients. Compare all of them on the best Figma plugins for gradients.

For developers

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.

ShaderGradient on figmaplugins.co

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>

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