Nested components in Figma - Cell-by-Cell Formula Trace

Sample Data

This data represents components and nested components in a Figma design system. 'Button Base' is the main component. 'Icon' and 'Label' are nested components inside buttons. 'Button Primary' and 'Button Secondary' are variants of 'Button Base'. 'Button Primary with Icon' and 'Button Secondary with Icon' are nested components combining button variants with icons.

Cell	Value
A1	Button Base
A2	Icon
A3	Label
B1	Button Primary
B2	Button Secondary
C1	Button Primary with Icon
C2	Button Secondary with Icon

Formula Trace

Button Primary with Icon = Button Primary + Icon nested inside

Step 1: Button Primary component base

Step 2: Icon component

Step 3: Nest Icon inside Button Primary

Step 4: Final nested component

Cell Reference Map

    A               B                   C
1 | Button Base   | Button Primary     | Button Primary with Icon
2 | Icon          | Button Secondary   | Button Secondary with Icon
3 | Label         |                   | 

Arrows:
Button Primary -> Button Base
Button Secondary -> Button Base
Button Primary with Icon -> Button Primary + Icon
Button Secondary with Icon -> Button Secondary + Icon

This map shows how components in columns B and C reference base components in column A. Nested components in column C combine variants from column B with the Icon component from column A.

Result

    A               B                   C
1 | Button Base   | Button Primary     | Button Primary with Icon
2 | Icon          | Button Secondary   | Button Secondary with Icon
3 | Label         |                   | 

Result: Nested components in column C combine button variants with icons for flexible design reuse.

The final visualization shows nested components combining base button variants with icons, ready for use in design projects.

Sheet Trace Quiz - 3 Questions

What is the base component for Button Primary?

A Label

B Button Base

C Icon

D Button Secondary

Key Result

Nested components combine base components and variants by placing one component inside another for reuse.