Hi everyone! I work as a designer and I’m stuck on something. Our team needs to rebuild our Android app design in Figma. The app runs on Lenovo Tab M8 devices that our customers use.
I found out the tablet has a 1280x800px display with a 16:10 ratio. But when I make a frame with these dimensions in Figma, it looks way bigger than the actual device. What am I doing wrong here?
Also having trouble with text sizing. The app uses dp units but Figma works with pixels. I need to figure out if this tablet is LDPI, MDPI or some other density so I can convert the measurements properly.
Anyone dealt with this before? Would really appreciate some guidance on getting the right measurements for mobile design work.
Just grab the device preview plugin in Figma - it’s been a lifesaver for tablet designs. You can pick the Lenovo Tab M8 from their device list and see your design at actual size. Beats guessing with zoom levels and taking screenshots.
Hit the same problem designing for tablets last year. Figma shows everything at 100% zoom by default, so your 1280x800 frame looks massive on desktop. That’s normal. What worked for me: I took screenshots of real apps on the actual Lenovo Tab M8, then dropped them into Figma next to my designs. Gave me a much better feel for how UI elements should actually look on the device. For density - the Tab M8 is around MDPI, so your dp values should translate almost 1:1 to pixels. Still worth testing on actual hardware though, since manufacturers sometimes handle scaling differently. Practical tip: design at full resolution but keep a scaled version at 60-70% for daily work. Way easier to navigate without constantly zooming around.
The Lenovo Tab M8 has a screen density of about 189 PPI, which falls under the MDPI category (160 DPI baseline). Therefore, the dp to pixel conversion is roughly 1:1 - 1dp is about 1px on this device.
The sizing issue in Figma arises because it is displaying everything at your monitor’s resolution. The 1280x800 frame appears large on your desktop, which is expected. What truly matters is the appearance on the device itself.
Consider setting up your Figma artboard at 1280x800 and scaling it down to 50% for easier management. Developers will require the full-resolution version for export. Additionally, keep in mind that an 8-inch tablet screen is considerably smaller than your desktop monitor.