Figma Tutorial: Gradients (Linear, Radial, Angular, Diamond)

In this video we'll learn how to use various types of gradients in our designs.

Learn more on our Help Center:

00:00 - Intro
0:02 - What are gradients?
0:15 - Using gradients in Figma
0:25 - Linear gradients
1:26 - Radial gradients
1:40 - Angular gradients
1:50 - Diamond gradients
2:04 - The four gradient types
2:20 - Figma color styles

Creative Commons — Attribution 3.0 Unported — CC BY 3.0

#Figma #FigmaDesign #FigmaTutorial #Gradients #FigmaGradients

[CarlosHenrique-kuph]

In 50 seconds you solved my question. THANKYOU!

[WithaLuvNoah]

This was very helpful thank you so much!!!!

[ZakHilton]

What a video! everything is such a vibe

[borakang]

gradient control doesn't show on mine to change the angle of the colors... what to do?? ;_;

[danielstatler]

how do i use component colors as one node of the gradient?

[_justnick]

Why is there no way to reference saved colors in the gradient instead of having to recreate the gradient each time a color in the theme changes? I'm trying to design for material 3 and it's a pain with dynamic colors...

[rewe]

When I click the angle bubble it exits the gradient and selects the element.

[vladimirbernard]

i do not see fill on the right side of figma, i have HP?

[hennatutorials]

hey i am not getting this effect i mean that merged effect around the circle

[somedude]

How do apply an opacity gradient to an image?

[xplusziefv]

Gradient controls are not displaying on my canvas.

[Frederikue]

Gradient controlers are not displaying on my canvas...

[heyitsblissful]

Hi i dont see the linear line which i can adjust the direction though, how to adjust direction

[sarahf.]

You were moving the angle of the linear gradient, for some reason that is not working for me. I click on the end and it isn't letting me drag it and more it around.

[barnabasjthomas]

Sounds like Matt started spitting on the track at 0:13!

[gxuum]

I like the previous narrator's voice.

[totallyalien]

in 2023 there is no handle to change rotation anymore.. where is this? I'm working for stroke 😭

[vladimirmorkoffkin]

1:27 completely doesn't work — I have only one dragable points and nothing I can do with that damned angle...