0
0
Figmabi_tool~10 mins

Font size and line height in Figma - Cell-by-Cell Formula Trace

Choose your learning style9 modes available
Sample Data

This data shows text samples with their font sizes and line heights in pixels, as used in Figma design for BI dashboards.

CellValue
A1Text Sample
B1Font Size (px)
C1Line Height (px)
A2Hello World
B216
C224
A3Data Viz
B320
C330
A4BI Dashboard
B418
C427
Formula Trace
Line Height Ratio = Line Height / Font Size
Step 1: Line Height Ratio for row 2 = 24 / 16
Step 2: Line Height Ratio for row 3 = 30 / 20
Step 3: Line Height Ratio for row 4 = 27 / 18
Cell Reference Map
    A           B             C
1 | Text Sample | Font Size(px) | Line Height(px)
2 | Hello World|      16      |       24       
3 | Data Viz   |      20      |       30       
4 | BI Dashboard|     18      |       27       
Cells B2, C2; B3, C3; B4, C4 are used to calculate line height ratio by dividing line height by font size.
Result
    A           B             C             D
1 | Text Sample | Font Size(px) | Line Height(px) | Line Height Ratio
2 | Hello World|      16      |       24       |       1.5
3 | Data Viz   |      20      |       30       |       1.5
4 | BI Dashboard|     18      |       27       |       1.5
The final column D shows the line height ratio for each text sample, which is 1.5 for all rows, meaning line height is 1.5 times the font size.
Sheet Trace Quiz - 3 Questions
Test your understanding
What is the line height ratio for 'Hello World'?
A1.5
B0.67
C2
D1
Key Result
Line Height Ratio = Line Height (px) divided by Font Size (px)