Figma Figma Design Systems and Styles

Question 1

What are 'Styles' in Figma used for?

Accepted Answer

Saving reusable properties like colors, typography, effects, and grids for consistent use

Answer

Defining canvas background colors only

Answer

Automating prototype flows

Answer

Exporting design tokens to code

Question 2

How do you create a new color style in Figma?

Accepted Answer

In the Design panel, click the four-dot grid icon next to a fill and choose Create Style

Answer

Right-click the canvas and select New Style

Answer

Open Plugins and use the Style Manager

Answer

Use File > New Style

Question 3

What is a 'text style' in Figma?

Accepted Answer

A saved combination of font family, size, weight, line height, and letter spacing

Answer

A font file uploaded to Figma

Answer

A text animation preset

Answer

A style that only controls text color

Question 4

In Figma, what are 'Variables' (as opposed to Styles)?

Accepted Answer

Stored values like colors or numbers that can be aliased and used in theming and prototyping logic

Answer

Programming variables used in plugins

Answer

A deprecated feature replaced by Styles

Answer

Variables are only for numeric values

Question 5

What does 'Local styles' mean in the Figma Assets panel?

Accepted Answer

Styles defined and stored within the current file only

Answer

Styles imported from a team library

Answer

Styles applied to local components

Answer

Styles used in the current selection

Question 6

How do you update all instances of a style across a Figma file after editing the style definition?

Accepted Answer

The change propagates automatically to all layers using that style

Answer

Manually reapply the style to each layer

Answer

Use Edit > Replace Style

Answer

Re-export the file and reimport