Profile PictureSliday

UI Gradients Styles for Sketch and Figma

10 ratings
Add to cart

UI Gradients Styles for Sketch and Figma

10 ratings

A handy collection of fancy colour gradients for Sketch and Figma (NEW!)

Lightweight gradient library for your eye candies.

Figma Community version (Please upvote!)

  • 280+100 (new!) fine-tuned UI-friendly gradients

  • Available as Sketch styles

  • And as Sketch custom fills

  • Semantic naming for your pleasure

  • Works really well with Build with Sketch

  • Updated in Sketch 65.1+

Watch this 'How-to' video to see it in action »

Or read a quick 'How-to' below.

How to gradient like crazy

Step 1

Download UI Gradients Styles for Sketch and un-zip it. Simple.

Step 2

Open uigradients.sketch in Sketch. No brainer.

Step 3

Save it as a template so you could enjoy styles and custom gradients in your mockups.

Go to File 〉Save Template... as and save it as uigradients. Easy.

Step 4

Create a new Sketch file with all awesome 280+ UI gradients embedded.

Go to File 〉New from Template... 〉uigradients

All done. Now you can apply the styles or choose from the custom fills. 

Gradient away & spread the word!

Based on

Add to cart


(10 ratings)
5 stars
4 stars
3 stars
2 stars
1 star
Powered by