Spacing and measurement tools in Figma - Cell-by-Cell Formula Trace

Sample Data

Positions and sizes of two buttons on a design canvas

Cell	Value
A1	Element
B1	X Position
C1	Y Position
D1	Width
E1	Height
A2	Button1
B2	100
C2	200
D2	150
E2	50
A3	Button2
B3	270
C3	200
D3	150
E3	50

Formula Trace

Spacing = B3 - (B2 + D2)

Step 1: B2 + D2

Step 2: 100 + 150

Step 3: B3 - 250

Step 4: 270 - 250

Cell Reference Map

    A       B       C       D       E
1 |Element|X Pos  |Y Pos  |Width  |Height |
2 |Button1|  100  |  200  |  150  |  50   |
3 |Button2|  270  |  200  |  150  |  50   |

References used: B2 (Button1 X), D2 (Button1 Width), B3 (Button2 X)

The formula uses the X position and width of Button1 and the X position of Button2 to calculate spacing

Result

    A       B       C       D       E       F
1 |Element|X Pos  |Y Pos  |Width  |Height |Spacing|
2 |Button1|  100  |  200  |  150  |  50   |       |
3 |Button2|  270  |  200  |  150  |  50   |  20   |

Spacing in F3 shows the horizontal gap between Button1 and Button2

The spacing value 20 is shown next to Button2, representing the gap between the two buttons horizontally

Sheet Trace Quiz - 3 Questions

What does the expression B2 + D2 represent in the formula?

A The left edge position of Button2

B The width of Button2

C The right edge position of Button1

D The vertical position of Button1

Key Result

Spacing between two elements = Left position of second element - (Left position + Width of first element)