Inspect mode in Figma - Cell-by-Cell Formula Trace

Sample Data

This table shows UI button components with their width, height, and color values extracted from Figma's Inspect mode.

Cell	Value
A1	Button
B1	Width
C1	Height
D1	Color
A2	Submit
B2	120
C2	40
D2	#007AFF
A3	Cancel
B3	100
C3	40
D3	#FF3B30

Formula Trace

Width * Height

Step 1: Width of Submit button = 120

Step 2: Height of Submit button = 40

Step 3: Calculate area = 120 * 40

Cell Reference Map

    A       B       C       D
1 | Button | Width | Height | Color |
2 | Submit |  120  |   40   | #007AFF|
3 | Cancel |  100  |   40   | #FF3B30|

References used: B2 (Width), C2 (Height)

The formula uses the Width and Height values from the Submit button row (cells B2 and C2).

Result

    A       B       C       D       E
1 | Button | Width | Height | Color | Area |
2 | Submit |  120  |   40   | #007AFF| 4800 |
3 | Cancel |  100  |   40   | #FF3B30|      |

The area of the Submit button is calculated as 4800 (width times height) and shown in column E.

Sheet Trace Quiz - 3 Questions

Which cells provide the width and height for the Submit button?

A A2 and D2

B B2 and C2

C B3 and C3

D A1 and B1

Key Result

Multiply width by height to calculate area of UI elements.