Figma Figma Components and Variants

Question 1

What is the keyboard shortcut to create a component from a selected frame or object in Figma?

Accepted Answer

Ctrl+Alt+K

Answer

Press Ctrl+Alt+K (Cmd+Option+K on Mac) to instantly create a component from a selected element.

Question 2

What must all variants in a Figma component set share?

Accepted Answer

The same base component name prefix

Answer

All variants in a component set must share the same component name prefix, separated by a slash or comma convention.

Question 3

Which panel in Figma allows you to define variant properties like State or Size?

Accepted Answer

Design panel under Component

Answer

Variant properties such as State and Size are defined in the Design panel when a component set is selected.

Question 4

What is the purpose of a 'main component' in Figma?

Accepted Answer

It defines the source design that all instances inherit from

Answer

The main component is the master definition; all instances automatically reflect any changes made to it.

Question 5

How do you detach an instance from its main component in Figma?

Accepted Answer

Right-click → Detach Instance

Answer

Right-clicking an instance and choosing 'Detach Instance' breaks the link to the main component, turning it into a plain group.

Figma Practice Test