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

Ctrl+K

Answer

Ctrl+Shift+K

Answer

Alt+K

Question 2

What must all variants in a Figma component set share?

Accepted Answer

The same base component name prefix

Answer

The same layer count

Answer

The same size

Answer

The same fill color

Question 3

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

Accepted Answer

Design panel under Component

Answer

Layers panel

Answer

Assets panel

Answer

Prototype panel

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

It is the largest component on the canvas

Answer

It is a component pinned to the toolbar

Answer

It is a component exported to code

Question 5

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

Accepted Answer

Right-click → Detach Instance

Answer

Double-click the component

Answer

Select and press Delete

Answer

Drag it out of the Assets panel

Question 6

What happens to overrides on an instance when its main component is updated in Figma?

Accepted Answer

Overrides are preserved while non-overridden properties update

Answer

All overrides are deleted

Answer

The instance is automatically detached

Answer

Overrides are reverted to main component values