Skip to main content
Question

Difference between figma and the real devices

  • September 8, 2023
  • 8 replies
  • 1830 views

Teodor_Tkaczyk

Hi everyone, I am coming by with a bit weird problem, namely I have the same font values on Figma and on real devices but on Figma it looks much bigger:

The screenshot on the left is from Figma, on the right is from the device (look at the “Fax to” label)

Has anyone encountered a similar problem?
Thanks and have a great day 🙂

This topic has been closed for replies.

8 replies

Teodor_Tkaczyk

Styles on Figma:


Teodor_Tkaczyk

Styles on the real device:


tank666
  • September 8, 2023

Teodor_Tkaczyk

@tank666 I am using Figma in browser, the browser scale is set properly to 100%, OS scale is set to default (MacOS) so it has not been changed to large or small.


tank666
  • September 8, 2023

I don’t know what the default value is in MacOS. It’s probably still not 100%.


I have Windows, and I see differences only in the font rendering.


Teodor_Tkaczyk

@tank666 hmm weird, because it also looks smaller on iPhones and Androids, will investigate this issue further


Max_de_Mooij

One of my colleagues is struggling with the same issue, did you find the answer?


Teodor_Tkaczyk

@Max_de_Mooij Yep, in our case the problem was we are using MUI package for our components. It occurred that the label that comes with input has transform: scale(0.5) styling applied. We removed that property from styles and everything was fine 🙂 Maybe try checking if your styling package is not using any styling that distorts your design