Component properties (text, boolean, instance swap) in Figma - Cell-by-Cell Formula Trace

Sample Data

This data shows a Figma component named 'Button' with three properties: a text label, a boolean to toggle style, and an instance swap for the icon.

Cell	Value
A1	Component Name
B1	Text Property
C1	Boolean Property
D1	Instance Swap Property
A2	Button
B2	Submit
C2	true
D2	Icon: Arrow
A3	Button
B3	Cancel
C3	false
D3	Icon: Cross

Formula Trace

IF(C2 = "true", CONCATENATE(B2, " - Active"), CONCATENATE(B2, " - Inactive"))

Step 1: C2 = "true"

Step 2: CONCATENATE(B2, " - Active")

Step 3: IF condition result

Cell Reference Map

    A       B           C           D
1 |Component|Text       |Boolean    |Instance
  |Name     |Property   |Property   |Swap
2 |Button   |Submit     |true       |Icon: Arrow
3 |Button   |Cancel     |false      |Icon: Cross

The formula references cells B2 for text and C2 for the boolean property to decide the output text.

Result

    A       B           C           D           E
1 |Component|Text       |Boolean    |Instance   |Status
  |Name     |Property   |Property   |Swap       |(Formula)
2 |Button   |Submit     |true       |Icon: Arrow|Submit - Active
3 |Button   |Cancel     |false      |Icon: Cross|Cancel - Inactive

The formula in column E shows the button label with ' - Active' or ' - Inactive' based on the boolean property.

Sheet Trace Quiz - 3 Questions

What does the formula check first?

A If the instance swap is 'Icon: Arrow'

B If the boolean property is true

C If the text property is empty

D If the component name is 'Button'

Key Result

IF(boolean_property, CONCATENATE(text_property, ' - Active'), CONCATENATE(text_property, ' - Inactive'))