Skip to main content
Question

Difference between figma and the real devices

  • September 8, 2023
  • 8 replies
  • 1658 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 comments

8 replies

Teodor_Tkaczyk

Styles on Figma:


Teodor_Tkaczyk

Styles on the real device:


tank666
  • 4863 replies
  • 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
  • 4863 replies
  • 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


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings