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

uiGradients

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

by Kamal Nayan

users
212K
likes
3.2K
saves
194K
comments
17
Open in Figma
FreeWorks inFigma Design
Price
Free
Latest version
v4 · Mar 20, 2026
First published
Aug 18, 2019
Publisher
Kamal Nayan
On this page
Overview

About uiGradients

uiGradients is a free Figma plugin published by Kamal Nayan in 2019. It works in Figma Design and has 211,611 users and 3,218 likes on the Figma Community. It ranks #4 in Gradients on our lists.

In the developer's words

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

Simply select the element to apply gradient and run the plugin. Chose from 350+ gradients to add to frames, groups, and texts in a single click.

Offical figma plugin for www.uigradients.com

Changelog

What's new

Version 4 · released Mar 20, 2026

  • Updated the plugin for Figma’s dynamic loading model and adds gradient names on hover for easier browsing.
Trust

Permissions and privacy

Network access

uiGradients can only connect to the domain declared in its manifest: raw.githubusercontent.com.

  • raw.githubusercontent.com

Extra permissions

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

Read from the plugin's published manifest. Questions about data handling go to the developer's support page.

Rankings

Where uiGradients ranks

Compare

uiGradients alternatives

  1. 1

    Morph

    by Milan Maheshwari

    348K users7KFree

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

    View details
  2. 2

    Noisy Gradients

    by vijay verma

    322K users6KFree

    Create beautiful grainy gradient backgrounds

    View details
  3. 3

    Grainy Gradient

    by Shuvojit Das

    212K users2.5KFree

    Add a trendy twist to your designs with Grainy Gradient.

    View details
  4. 4

    Easing Gradients

    by Alex Widua

    100K users1.6KFree
    View details
  5. 5

    Generative Gradients

    by vk

    97K users1.7KFree

    Create Stunning Gradients with the Power of Generative Art

    View details
  6. 6

    ShaderGradient

    by seungmee lee

    59K users1.9KFree

    Create beautiful moving gradients

    View details
FAQ

uiGradients FAQ

What does uiGradients do?

Adds gradients to groups, text and frames in single click. It's a Figma plugin by Kamal Nayan that runs in Figma Design.

Is uiGradients free?

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

Is uiGradients safe to use?

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

How do I install uiGradients?

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 uiGradients?

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

For developers

Built this plugin?

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

uiGradients on figmaplugins.co

Style

Label

Size

Code

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