Figma Figma Design Systems and Styles 2

Question 1

What is the purpose of 'effect styles' in Figma?

Accepted Answer

To save reusable drop shadows, inner shadows, and blur effects

Answer

Effect styles let you save and apply consistent drop shadows, inner shadows, and blurs across your designs as named, reusable styles.

Question 2

In a Figma design system, what is the role of a 'grid style'?

Accepted Answer

To save reusable layout grids and column/row configurations for consistent layout structure

Answer

Grid styles save layout grid configurations (column count, gutter, margin) so every screen frame applies the same consistent grid.

Question 3

What are 'design tokens' in the context of Figma design systems?

Accepted Answer

Named design decisions (color, spacing, radius) stored as variables or styles that map design to code

Answer

Design tokens are named design decisions stored as reusable values that bridge design tools like Figma and front-end code implementations.

Question 4

How do Figma Variable 'modes' support design system theming?

Accepted Answer

Modes define alternate value sets for the same variable, enabling theme switching like light/dark mode

Answer

Variable modes let you define multiple value sets (e.g., Light and Dark) for the same variable so you can switch the entire design's theme instantly.

Question 5

What is 'aliasing' in Figma Variables?

Accepted Answer

Pointing one variable's value to another variable, creating a semantic layer over raw values

Answer

Aliasing connects a semantic token variable (e.g., 'color/button/background') to a raw value variable (e.g., 'color/blue/500'), separating meaning from value.

Figma Practice Test

Figma Practice Test

Figma Figma Design Systems and Styles 2