Component properties (text, boolean, instance swap) in Figma - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is a text property in a Figma component?

A text property lets you change the text inside a component instance without detaching it. It helps keep design consistency while customizing content.

beginner

How does a boolean property work in Figma components?

A boolean property is a true/false switch that lets you toggle features or visibility inside a component instance, like showing or hiding an icon.

beginner

Explain instance swap in Figma components.

Instance swap lets you replace one component instance with another from the same component set, making it easy to change styles or variants without rebuilding.

intermediate

Why use component properties instead of detaching instances?

Using properties keeps your design linked to the main component, so updates apply everywhere. Detaching breaks this link and can cause inconsistencies.

intermediate

What types of component properties does Figma support?

Figma supports text, boolean, instance swap, and number properties to customize component instances easily and consistently.

Which property allows you to toggle visibility inside a Figma component?

A Text property

B Boolean property

C Instance swap

D Number property

Boolean properties are true/false switches used to show or hide parts of a component.

What does instance swap let you do in Figma?

A Change text inside a component

B Detach a component instance

C Replace one component instance with another

D Add animations to components

Instance swap replaces one component instance with another from the same set.

Why is it better to use component properties instead of detaching instances?

A Properties keep design linked and consistent

B Detaching is faster

C Properties remove all styles

D Detaching allows text editing

Using properties keeps your design connected to the main component for easy updates.

Which property type lets you edit text inside a component instance?

A Boolean property

B Instance swap

C Number property

D Text property

Text properties allow editing the text content inside a component instance.

Which of these is NOT a component property type in Figma?

A Color gradient

B Boolean

C Instance swap

D Text

Color gradient is a style, not a component property type.

Describe how text, boolean, and instance swap properties help customize Figma components.

Think about how each property changes the component without detaching.

Explain why using component properties is better than detaching instances in Figma.

Consider what happens when you update the main component.