0
0
Figmabi_tool~10 mins

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

Choose your learning style9 modes available
Sample Data

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

CellValue
A1Element
B1X Position
C1Y Position
D1Width
E1Height
A2Title Text
B2100
C250
D2300
E240
A3Chart Area
B3100
C3100
D3600
E3400
A4Legend
B4720
C4100
D4180
E4400
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
Test your understanding
What pixel position is the horizontal guide placed at to align the Title Text?
A100
B50
C300
D720
Key Result
Guide Position is set to the X or Y position value of the element to align it precisely.