Why frames are the foundation of design in Figma - Formula Trace Breakdown

Sample Data

This data shows three frames used in a design: Header, Main Content, and Footer with their sizes and elements inside.

Cell	Value
A1	Frame Name
B1	Width
C1	Height
D1	Contains Elements
A2	Header
B2	1440
C2	80
D2	Logo, Nav Menu
A3	Main Content
B3	1440
C3	720
D3	Text, Images, Buttons
A4	Footer
B4	1440
C4	100
D4	Contact Info, Links

Formula Trace

Total Height = SUM(C2:C4)

Step 1: SUM(C2:C4)

Step 2: 80 + 720 + 100

Cell Reference Map

    A       B       C       D
1 |Frame Name|Width  |Height |Contains Elements
2 |Header    |1440   |  80   |Logo, Nav Menu
3 |Main Content|1440   | 720   |Text, Images, Buttons
4 |Footer    |1440   | 100   |Contact Info, Links

References: C2, C3, C4 cells used to sum heights.

The formula uses the Height column cells C2 to C4 to calculate total height of all frames stacked vertically.

Result

    A       B       C       D
1 |Frame Name|Width  |Height |Contains Elements
2 |Header    |1440   |  80   |Logo, Nav Menu
3 |Main Content|1440   | 720   |Text, Images, Buttons
4 |Footer    |1440   | 100   |Contact Info, Links
5 |Total Height       |  900   |

The total height of all frames combined is 900 pixels, showing how frames stack to form the full design height.

Sheet Trace Quiz - 3 Questions

What does the formula SUM(C2:C4) calculate?

A Total height of all frames

B Total width of all frames

C Number of elements inside frames

D Total width plus height

Key Result

SUM(range) adds all numeric values in the specified cell range.