0
0
Figmabi_tool~10 mins

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

Choose your learning style9 modes available
Sample Data

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

CellValue
A1Device
B1Width (px)
C1Height (px)
A2Mobile
B2375
C2667
A3Tablet
B3768
C31024
A4Desktop
B41440
C4900
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
Test your understanding
What width and height are assigned to the Tablet device frame?
A375x667
B768x1024
C1440x900
D1024x768
Key Result
IF device equals Mobile, Tablet, or Desktop, assign corresponding width and height; else return Unknown.