Testing responsive designs in prototype in Figma - Cell-by-Cell Formula Trace

Sample Data

This data represents common screen sizes used to test responsive designs in a Figma prototype.

Cell	Value
A1	Screen Size
B1	Width (px)
C1	Height (px)
A2	Mobile
B2	375
C2	667
A3	Tablet
B3	768
C3	1024
A4	Desktop
B4	1440
C4	900

Formula Trace

IF(Screen Width <= 768, "Mobile/Tablet Layout", "Desktop Layout")

Step 1: Screen Width = 375 (Mobile)

Step 2: 375 <= 768

Step 3: IF(TRUE, "Mobile/Tablet Layout", "Desktop Layout")

Step 4: Screen Width = 1440 (Desktop)

Step 5: 1440 <= 768

Step 6: IF(FALSE, "Mobile/Tablet Layout", "Desktop Layout")

Cell Reference Map

375

↓

768

↓

1440

↓

375

The formula uses the Width (px) values from cells B2, B3, and B4 to decide which layout to apply.

Result

   A           B           C           D
1 Screen Size  Width (px)  Height (px) Layout
2 Mobile      375         667         Mobile/Tablet Layout
3 Tablet      768         1024        Mobile/Tablet Layout
4 Desktop     1440        900         Desktop Layout

The final result shows which layout is chosen for each screen size based on the width condition.

Sheet Trace Quiz - 3 Questions

What layout is chosen for a screen width of 375 px?

A Mobile/Tablet Layout

B Desktop Layout

C Tablet Layout

D No layout

Key Result

IF(Screen Width <= Threshold, "Mobile/Tablet Layout", "Desktop Layout")