Hey everyone,
I’m working on recreating our Android app in Figma for a design system. The app is mainly used on Lenovo Tab M8 tablets. I’m having trouble figuring out the right measurements for Figma.
The tablet screen is 1280x800px with a 16:10 ratio. But when I make a frame this size in Figma, it looks way bigger than the actual device. What am I missing here?
Also, the app uses dp for font sizes, not px. I found a converter online, but I don’t know which DPI setting to use for this tablet. Any tips on getting the sizes right?
I’m pretty new to designing for mobile, so any help would be awesome. Thanks!
Having worked on Android tablet designs, I noticed that the key issue is the difference between physical and logical pixels. For the Lenovo Tab M8, working with a 1280x800 resolution in Figma might not directly translate to the real device size because Figma displays at a 1x scale by default. Adjusting the scale to around 0.5x more accurately represents the device’s size.
For font sizes, use a DPI of approximately 189-190 when converting dp to px. This approach ensures that your elements remain consistent across screens. Creating a custom frame in Figma that matches the tablet’s specifications can also streamline your workflow.
I’ve been through this exact situation with tablet app design. The key is understanding the difference between physical pixels and logical pixels. For the Lenovo Tab M8, you’re dealing with a device that has a higher pixel density than standard displays.
In Figma, I’d recommend creating your frame at 1280x800, but then setting the scale to 0.5x in the properties panel. This will give you a more realistic representation of the actual device size while still allowing you to work with the full resolution.
For font sizes, I’ve found it’s best to work in sp (scale-independent pixels) for Android. It’s similar to dp but specifically for text. You can use an online converter, but make sure to set the device density to about 190 dpi for the Tab M8.
Remember to test your designs on actual devices when possible. Figma is great, but nothing beats seeing your work on the real thing.
hey isaac, figma uses 1x scale by default, so that’s why it looks huge. try scaling down to 0.5x or 0.75x to match real device size better. for dp to px, lenovo tab m8 is probably around 189 dpi. use that in a converter and you should be good. hope this helps!