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 . Why is that so ? Am I doing something wrong ?

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.How to fix zooming of prototype in figma?Make sure that the page scale in the browser and in the OS settings is 100%.Figma Desktop App:https://help.figma.com/hc/en-us/articles/360049549913-Adjust-the-scale-of-the-Figma-UI#Desktop_appGoogle Chrome:Change text, image & video sizes (zoom) - Computer - Google Chrome HelpWindows settings:View display settings in Windows - Microsoft Support

Muhammad_Mehdi

Solved

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

Forum|Forum|3 years ago
August 17, 2023
3 replies
12615 views

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 .

Why is that so ? Am I doing something wrong ?

Ask the community

This topic has been closed for replies.

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.

tank666Answer

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/@tank

bartvox

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.

Matthijs_Rouw

New Participant

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

Sign up

Login with SSO

Login to the community

Login with SSO