Nested Auto Layout in Figma - Cell-by-Cell Formula Trace

Sample Data

This data represents the widths of a container and two nested inner frames inside it, plus the spacing between the inner frames in a Figma nested auto layout.

Cell	Value
A1	Container Width
B1	300
A2	Inner Frame 1 Width
B2	100
A3	Inner Frame 2 Width
B3	150
A4	Spacing Between Inner Frames
B4	20

Formula Trace

Total Width = Inner Frame 1 Width + Inner Frame 2 Width + Spacing Between Inner Frames

Step 1: Inner Frame 1 Width + Inner Frame 2 Width

Step 2: 250 + Spacing Between Inner Frames

Step 3: 270

Step 4: Compare Total Width to Container Width

Step 5: Fits inside container

Cell Reference Map

   A                 B
1  Container Width    300
2  Inner Frame 1 Width 100
3  Inner Frame 2 Width 150
4  Spacing Between Inner Frames 20

References: B2, B3, B4 used to calculate total width compared to B1

Cells B2, B3, and B4 provide the widths and spacing used to calculate the total width of the nested auto layout inside the container width in B1.

Result

Container

↓

Inner Frame 1

↓

Inner Frame 2

↓

Space Between Frames

The nested auto layout total width (270) fits inside the container width (300), so the layout will display correctly without overflow.

Sheet Trace Quiz - 3 Questions

What is the combined width of the two inner frames?

A 270

B 250

C 300

D 230

Key Result

Total width of nested auto layout equals sum of inner frame widths plus spacing between them.