Effect styles in Figma - Cheat Sheet & Quick Revision

Recall & Review

beginner

What are Effect Styles in Figma?

Effect Styles are reusable sets of visual effects like shadows and blurs that you can apply to multiple objects to keep your design consistent.

beginner

How do Effect Styles help in a design project?

They save time by letting you apply the same effects across many elements and make it easy to update all those effects at once by editing the style.

intermediate

Which types of effects can be saved as Effect Styles in Figma?

You can save shadows (drop shadows, inner shadows) and blurs (background blur, layer blur) as Effect Styles.

intermediate

How do you create a new Effect Style in Figma?

Select an object with the effect applied, go to the Effects section in the right panel, click the four dots icon, then click '+' to create and name a new Effect Style.

intermediate

What happens if you edit an Effect Style after applying it to multiple objects?

All objects using that Effect Style update automatically to reflect the changes, keeping your design consistent without manual edits.

Which of these can be saved as an Effect Style in Figma?

A Font size

B Drop shadow

C Text color

D Stroke width

Effect Styles save visual effects like shadows and blurs, not text or stroke properties.

What is the main benefit of using Effect Styles?

A They help keep effects consistent and easy to update

B They allow you to animate objects

C They change the layout of your design

D They export your design as code

Effect Styles keep your effects consistent and let you update many objects at once.

How do you apply an existing Effect Style to an object?

A You cannot apply Effect Styles after creation

B Drag and drop the style onto the object

C Right-click the object and select 'Apply Style'

D Select the object, then choose the Effect Style from the Effects panel

You select the object and pick the Effect Style from the Effects section in the right panel.

If you edit an Effect Style, what happens to objects using it?

A They keep the old effect

B You must reapply the style manually

C They update automatically with the new effect

D They lose all effects

Editing an Effect Style updates all objects using it automatically.

Which effect is NOT part of Effect Styles in Figma?

A Stroke color

B Background blur

C Inner shadow

D Layer blur

Stroke color is not an effect; Effect Styles only include shadows and blurs.

Explain what Effect Styles are and why they are useful in Figma.

Think about how you keep shadows and blurs the same across many objects.

Describe the steps to create and apply an Effect Style in Figma.

Focus on the Effects panel and the style creation process.