Hey there, I see you’re trying to figure out the whole dimensions thing for the iPhone 14 in Figma. It can be a bit of a head-scratcher, right? So, the thing is, the dimensions you see in Figma (390x844) are the viewport size in pixels, not the actual physical resolution of the device. That’s why you’re seeing a difference between Figma and your phone’s screenshot. But if you want to know the actual pixel resolution of the iPhone 14, it’s 1170x2532. I stumbled upon this cool spot where you can check out all the detailed specs for the iPhone 14. It might help clear things up a bit. Hope it helps!
I can understand the deference of both dimensions , but when I started a project in iphone 14 , at the same time UI Developer using android resolutions, that time font size , alignment , etc not competing each other . please help .
Had anyone confirmed if the dimensions from the apple developer resources match up with the actual physical measurements of the iPhone 14?
Those are the correct dimensions.
The 1170x2532 is at 460ppi.
If you were to draw a frame at 1170x2532 and resize it proportionally, it would resize down to 390x844.
The smaller size is the viewport measurement. That is correct.
No one needs to be designing in that giant size. Your file size would be huge and performance would struggle. Just like in Illustrator…you are looking at vector elements. When I design signage, I do not design a billboard with the art to the size of the billboard. That file would never load.
Design to the size as defined by the app. Those sizes are correct to spec.
Yes. Those are the correct dimensions of the viewport. The resolution is a much larger number, but the aspect ratio is to scale.