UI Gradients Styles for Sketch and Figma
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!