Hello everyone,
Im designing a UI for android devices. i have 2 questions regarding this topic
Because from my experience and understanding, if i design a UI with lets say 1920×1080, when prototyping it is way too big to fit the screen. Correct me if i am wrong and please guide me friendly Figma community 😃
Best answer by ntfromchicago
For Android, I determine Figma frame sizes based on the target device’s pixel density, then design in MDPI.
For example, the Pixel 6 is 1080 x 2400 at 411 ppi.
Focusing on that 411 value, that is closest to an XXHDPI screen (3x) which supports screens closest to 480 dpi. (I use the guidelines from Google below.)
So I divide the screen size by 3 to get a Figma frame of 360 x 800. Which, not surprisingly, matches the Android Large frame preset.
You could always design your screens at a higher density, but since Figma is vector-based, designing at MDPI (1x) seems to make the most sense + would keep your fonts at their proper sizes.
For Android, I determine Figma frame sizes based on the target device’s pixel density, then design in MDPI.
For example, the Pixel 6 is 1080 x 2400 at 411 ppi.
Focusing on that 411 value, that is closest to an XXHDPI screen (3x) which supports screens closest to 480 dpi. (I use the guidelines from Google below.)
So I divide the screen size by 3 to get a Figma frame of 360 x 800. Which, not surprisingly, matches the Android Large frame preset.
You could always design your screens at a higher density, but since Figma is vector-based, designing at MDPI (1x) seems to make the most sense + would keep your fonts at their proper sizes.
How do you come to know about the Figma that scales down resolutions to MDPI ?
I have searched a lot and couldn’t find .
And how do determined the formula for the scaling down of the resolutions to 1X ?
px = dp * (dpi / 160)
https:// Support different pixel densities | Android Developers
Info on resizing bitmaps
https://
Android Developers
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
