Skip to main content
Solved

45px font-size of figma aren't equal to 45px font-size of web?

  • August 17, 2023
  • 3 replies
  • 10561 views
Muhammad_Mehdi
  • I have taken screenshot from browser .The font plugin and the developer tool shows as font has 45 px of font size in browser .
  • As my screen resolution in windows 11 that shows 1920 X 1080 so I take frame of 1920 X 1080 .
  • After that when I paste the screenshot take from web browser of the design and fit to the frame (size of my laptop) .
  • While copying the design I find that 45 px in Figma aren’t equal to 45 px of screenshot take from web browser .
    font problem

Why is that so ? Am I doing something wrong ?

Best answer by tank666

  • If you’re using the Figma Desktop app, what is the UI scale set in it (note that it’s the UI scale, not the canvas scale)?
  • If you’re using Figma in the browser, what page scale is set in the browser (note that it’s the page scale, not Figma’s canvas scale)?
  • What scale is set in the OS settings?

Also make sure you take a screenshot of the site when it was not scaled.

View original
L
Pete_Hill
Mike_Nino
20 people like this
  • L
    Leyla
  • Pete_Hill
    Pete_Hill
  • Mike_Nino
    Mike_Nino
  • Jiayu
    Jiayu
  • Hauke_Scholz
    Hauke_Scholz
  • Thompson
    Thompson
  • GLD
    GLD
  • Daniil_Voeykov
    Daniil_Voeykov
  • Josiah_Duinkerk1
    Josiah_Duinkerk1
  • Jason_Frank
    Jason_Frank
  • Silvia_Florio
    Silvia_Florio
  • harembi
    harembi
  • Marc_Deely
    Marc_Deely
  • joshmillgate
    joshmillgate
  • Chris_Boggs
    Chris_Boggs
  • Tess_Lin
    Tess_Lin
  • Artem-Moskovskikh
    Artem-Moskovskikh
  • kmh
    kmh
  • V
    Victoria36
  • C
    Chuck_97

3 replies

tank666
  • tank666
  • 4854 replies
  • Answer
  • August 18, 2023
  • If you’re using the Figma Desktop app, what is the UI scale set in it (note that it’s the UI scale, not the canvas scale)?
  • If you’re using Figma in the browser, what page scale is set in the browser (note that it’s the page scale, not Figma’s canvas scale)?
  • What scale is set in the OS settings?

Also make sure you take a screenshot of the site when it was not scaled.

UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank666
N
victor_eronmosele
Josh
3 people like this
  • N
    NAVID_MANSURI
  • victor_eronmosele
    victor_eronmosele
  • Josh
    Josh
bartvox
  • bartvox
  • 5 replies
  • September 14, 2023

Under View → Interface Scale, you might have your Figma UI set to a bigger size, which will also make your designs bigger! I just had this issue myself and setting it to 100% fixed my scaling issues.

L
1 person likes this
  • L
    Liebendorfer_Samira
Matthijs_Rouw
  • Matthijs_Rouw
  • New Participant
  • 8 replies
  • February 20, 2025

Also, on Windows, changing your Text size under accessibility incorrectly scales the Desktop UI:
 

 

Reply


Terms & ConditionsCookie settings

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