Linear gradient in Figma - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is a linear gradient in design?

A linear gradient is a smooth transition between two or more colors along a straight line. It creates a gradual blend from one color to another.

beginner

How do you control the direction of a linear gradient in Figma?

You control the direction by adjusting the angle or dragging the gradient handles on the object. This changes where the colors start and end.

intermediate

Why use linear gradients in business dashboards?

Linear gradients add depth and focus to visuals. They help highlight important data areas and make dashboards more visually appealing without clutter.

beginner

What is the difference between a linear gradient and a radial gradient?

A linear gradient blends colors along a straight line, while a radial gradient blends colors outward from a center point in a circle.

intermediate

How can you ensure accessibility when using linear gradients?

Use high contrast colors and test readability. Avoid gradients that make text or important visuals hard to see for people with vision impairments.

What does a linear gradient do?

A Adds a shadow effect

B Creates a pattern of dots

C Changes the font style

D Creates a smooth color transition along a straight line

A linear gradient smoothly blends colors along a straight line.

In Figma, how do you change the angle of a linear gradient?

A By dragging gradient handles or setting an angle value

B By changing the font size

C By adding a new layer

D By using the pen tool

You adjust the angle by dragging the gradient handles or entering an angle number.

Which is NOT a good use of linear gradients in dashboards?

A Making text unreadable

B Adding depth to visuals

C Highlighting key data areas

D Creating smooth color transitions

Making text unreadable is bad design and should be avoided.

What is the main difference between linear and radial gradients?

A Linear uses only two colors; radial uses many

B Linear is only black and white; radial is colored

C Linear blends colors in a line; radial blends colors from a center point

D Linear is for text; radial is for images

Linear gradients blend colors along a line; radial gradients blend outward from a center.

How can you improve accessibility when using gradients?

A Use very light colors only

B Use high contrast colors and test readability

C Avoid using any colors

D Use random colors without testing

High contrast and readability testing help make gradients accessible.

Explain what a linear gradient is and how you can adjust it in Figma.

Think about how colors blend and how you move the gradient line.

Describe why linear gradients are useful in business dashboards and how to keep them accessible.

Consider both design and user experience.