Rulers and guides in Figma - Cell-by-Cell Formula Trace

Sample Data

This data shows the positions and sizes of dashboard elements in pixels, used to align them with rulers and guides in Figma.

Cell	Value
A1	Element
B1	X Position
C1	Y Position
D1	Width
E1	Height
A2	Title Text
B2	100
C2	50
D2	300
E2	40
A3	Chart Area
B3	100
C3	100
D3	600
E3	400
A4	Legend
B4	720
C4	100
D4	180
E4	400

Formula Trace

Guide Position = 100 (X Position of Title Text)

Step 1: Locate X Position of Title Text (cell B2)

Step 2: Set Guide Position to X Position of Title Text

Cell Reference Map

    A       B       C       D       E
1 |Element |X Pos  |Y Pos  |Width  |Height 
2 |Title   |-->100 |50     |300    |40     
3 |Chart   |100    |100    |600    |400    
4 |Legend  |720    |100    |180    |400    

The guide uses the X Position value from cell B2 to align the Title Text element horizontally.

Result

Rulers (horizontal at top): 0----50----100----150----200----250----300----350
Guide: ^ at 100 pixels

Dashboard Elements:
Title Text at X=100, Y=50
Chart Area at X=100, Y=100
Legend at X=720, Y=100

A vertical guide line is placed at 100 pixels on the horizontal ruler to align the Title Text and Chart Area elements.

Sheet Trace Quiz - 3 Questions

What pixel position is the horizontal guide placed at to align the Title Text?

A 100

B 50

C 300

D 720

Key Result

Guide Position is set to the X or Y position value of the element to align it precisely.