Drop shadow effect in Figma - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is a drop shadow effect in design?

A drop shadow is a visual effect that adds a shadow behind an object to create depth and make it stand out from the background.

beginner

Which properties control the appearance of a drop shadow in Figma?

The main properties are: color, opacity, blur (how soft the shadow is), X and Y offsets (shadow position), and spread (size of the shadow).

beginner

Why should you use subtle drop shadows in dashboards and reports?

Subtle shadows improve readability and focus without distracting users or making the design look heavy.

beginner

How does changing the blur value affect a drop shadow?

Increasing blur makes the shadow softer and more spread out; decreasing blur makes it sharper and more defined.

beginner

What is the impact of X and Y offset values in a drop shadow?

They move the shadow horizontally (X) and vertically (Y), creating the illusion of light direction and depth.

Which property controls how soft or sharp a drop shadow looks?

A Blur

B Opacity

C Color

D Offset

Blur controls the softness of the shadow edges, making it look sharp or fuzzy.

What does increasing the opacity of a drop shadow do?

A Makes the shadow lighter

B Moves the shadow position

C Changes the shadow color

D Makes the shadow darker and more visible

Higher opacity makes the shadow darker and easier to see.

In Figma, what do the X and Y offset values do for a drop shadow?

A Change shadow color

B Adjust shadow softness

C Move shadow horizontally and vertically

D Change shadow size

X and Y offsets move the shadow left/right and up/down.

Why is it important to use subtle drop shadows in BI dashboards?

A To distract users

B To improve readability and focus

C To make the design flashy

D To increase file size

Subtle shadows help users focus on important data without distraction.

Which of these is NOT a typical drop shadow property in Figma?

A Font size

B Offset

C Blur

D Spread

Font size is unrelated to drop shadow effects.

Explain how you would create a drop shadow effect in Figma and which properties you would adjust.

Think about how shadows look in real life and how each property changes the shadow.

Describe why drop shadows are useful in business intelligence dashboards and how to use them effectively.

Consider how shadows help separate elements visually without overwhelming the viewer.