Adaptive vs responsive strategy in Figma - Formula Comparison Trace

Sample Data

This data shows screen widths and which design strategy (Adaptive or Responsive) is used for each width.

Cell	Value
A1	Screen Width
B1	Design Strategy
A2	320px
B2	Adaptive
A3	768px
B3	Responsive
A4	1024px
B4	Responsive
A5	1440px
B5	Responsive

Formula Trace

IF(Screen Width <= 480, "Adaptive", "Responsive")

Step 1: Screen Width = 320

Step 2: 320 <= 480

Step 3: IF(TRUE, "Adaptive", "Responsive")

Cell Reference Map

     A       B
  +-------+-------+
1 |Screen |Design |
  |Width  |Strategy|
  +-------+-------+
2 | 320   |  -->  |
  +-------+-------+
3 | 768   |       |
  +-------+-------+
4 | 1024  |       |
  +-------+-------+
5 | 1440  |       |
  +-------+-------+

Cell A2 (screen width 320px) is evaluated with the formula to decide design strategy.

Result

     A       B
  +-------+----------+
1 |Screen |Design    |
  |Width  |Strategy  |
  +-------+----------+
2 | 320   | Adaptive |
  +-------+----------+
3 | 768   | Responsive|
  +-------+----------+
4 | 1024  | Responsive|
  +-------+----------+
5 | 1440  | Responsive|
  +-------+----------+

The design strategy column shows 'Adaptive' for screen width 320px, and 'Responsive' for others based on the formula.

Sheet Trace Quiz - 3 Questions

What design strategy does the formula assign for a screen width of 320px?

A Responsive

B Adaptive

C Both

D None

Key Result

IF(condition, value_if_true, value_if_false) chooses design strategy based on screen width threshold.