Design in Figma is larger than what I see on the browser

My design looks larger on the browser and on the screen than it actually is.
So as an example, I have a box, that’s 233 pixels, on figma, on 100% zoom, it actually is around 286px from my image snapping tool.

This is a huge concern, as my designs in FIgma are larger than what they actually are in the browser. Really concerning issue.

So my 12px font looks big on Figma, and I use it, but when it gets implemented, it looks too small, because Figma’s not showing me how it actually is.

You changed the Interface Scale settings: https://help.figma.com/hc/en-us/articles/360049549913-Adjust-the-scale-of-the-Figma-Desktop-App-interface#:~:text=Reset%20to%20Default%3A%20Ctrl%20%2B%20Alt,Smaller%3A%20Ctrl%20%2B%20Alt%20%2B%20-

1 Like

Oh man, that was it! Why does the interface scale change the artboard too. This is insane.

4 Likes

I agree. And the interface font is soooo freaking small by default.

1 Like

I agree, this is pretty awful news for me. It would be awesome if this accessibility concern could be addressed. I have a real hard time using Figma easily with the default interface scale and font sizes.

You can vote for this suggestion: Change Interface Scale (or just Figma's UI font scale)