On this page
About uiGradients
uiGradients is a free Figma plugin published by Kamal Nayan in 2019. It works in Figma Design and has 213,560 users and 3,285 likes on the Figma Community. It ranks #6 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
What's new
Version 2 · released Aug 22, 2019
- Gradients Picker is now official Figma Plugin for uiGradients.
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
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.
Where uiGradients ranks
uiGradients 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

Grainy Gradient
by Shuvojit Das
221K users2.6KFreeAdd a trendy twist to your designs with Grainy Gradient.
- 6

Webgradients
by itmeo
159K users2.7KFree
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.
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, 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 uiGradients: 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/uigradients/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="uiGradients on figmaplugins.co" width="220" height="48"></a>Want it featured on figmaplugins.co? Submit it for review
