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

Sample Data

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

Cell	Value
A1	Text Sample
B1	Font Size (px)
C1	Line Height (px)
A2	Hello World
B2	16
C2	24
A3	Data Viz
B3	20
C3	30
A4	BI Dashboard
B4	18
C4	27

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

What is the line height ratio for 'Hello World'?

A 1.5

B 0.67

C 2

D 1

Key Result

Line Height Ratio = Line Height (px) divided by Font Size (px)