Device-specific frames (mobile, desktop, tablet) in Figma - Cell-by-Cell Formula Trace

Sample Data

This data shows common screen sizes for mobile, tablet, and desktop devices used to create device-specific frames in Figma.

Cell	Value
A1	Device
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(Device = "Mobile", "375x667", IF(Device = "Tablet", "768x1024", IF(Device = "Desktop", "1440x900", "Unknown")))

Step 1: Device = "Mobile"

Step 2: Return "375x667" if device is Mobile

Step 3: Device = "Tablet"

Step 4: Return "768x1024" if device is Tablet

Step 5: Device = "Desktop"

Step 6: Return "1440x900" if device is Desktop

Step 7: Else "Unknown"

Cell Reference Map

   A       B       C
1 Device  Width   Height
2 Mobile  375     667
3 Tablet  768     1024
4 Desktop 1440    900

Arrows: Device in A2:A4 feeds into the IF formula to select Width and Height from B2:C4.

The formula references the Device column to determine which Width and Height values to use for device-specific frames.

Result

   A       B       C       D
1 Device  Width   Height  Frame Size
2 Mobile  375     667     375x667
3 Tablet  768     1024    768x1024
4 Desktop 1440    900     1440x900

The final result shows the device name, its width and height, and the combined frame size used in Figma for device-specific frames.

Sheet Trace Quiz - 3 Questions

What width and height are assigned to the Tablet device frame?

A 375x667

B 768x1024

C 1440x900

D 1024x768

Key Result

IF device equals Mobile, Tablet, or Desktop, assign corresponding width and height; else return Unknown.