Skip to main content
Matthijs_Rouw
Matthijs_Rouw
New Participant
October 28, 2024
Solved

A frame of 1920px at 100% zoom is wider than native screen res of 1920x1080

  • October 28, 2024
  • 7 replies
  • 1161 views

Issue:
When I zoom to 100% in design mode I expect to see a frame of 1920 px wide fill the width of my screen. It however extends the width. I tested to create a new frame and it does the same, it almost feels like the file has some scaling issue.

Context:
Platform is windows, in the desktop app… Screen resolution is 1920 wide, windows UI scaling is at 100%. Figma interface scale is also 100%

      This topic has been closed for replies.
      Best answer by Matthijs_Rouw

      I found the solution and it's not nice, as the reason for the scale issue should not depend on this.

       

      While tinkering with a new laptop that was bought for me because of the scale issue, I found out the following.

       

      I didn't like the font size on the laptop with the native resolution so I increased it with 5%. While doing this, in the back of my head I wondered if this (no, it couldn't be!) was the reason for the scaling issue.

       

      But, sure thing, the “Text size” scale setting in Windows changes the resolution scaling of Figma!

      Setting a larger Text size increases the Figma desktop app's scale so any box you draw with 1200px wide will show larger (probably by the amount of text size scaling).

       

      7 replies

      tank666
      tank666
      October 30, 2024
      Figma Learn - Help Center
      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
      Matthijs_Rouw
      Matthijs_RouwAuthor
      New Participant
      October 30, 2024

      Thank you for taking time to answer. Both the canvas and the Interface scale were already at 100%, which is exactly the issue.

      100% windows UI + 100% canvas + 100% Figma interface scale should show a 1920px frame full screen width with all UI elements hidden.

      The UI option “make smaller” is not an option because I need to see what the design looks at 100% screen res.

      tank666
      tank666
      October 30, 2024

      With 100% scaling in OS, Figma’s UI and canvas, everything should be fine. Could you share a video, screenshots or a link to a file with this issue?

      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
      Mike_Taku
      Mike_Taku
      October 31, 2024

      Hi there,

      If your Figma frame doesn’t fit your screen width at 100% zoom, even with Windows scaling and Figma interface scale at 100%, try these steps. First, toggle Windows display scaling to 125% and back to 100%, then restart Figma.

      Confirm your monitor resolution is set to native 1920x1080 with the correct refresh rate, as custom rates can cause display issues. You can also clear Figma’s cache by closing the app, going to (%AppData%\Figma), and deleting the cache folder.

      Testing the file in a browser can reveal if it’s an app-specific issue. If the problem persists, reinstall Figma or you can also contact the support team.

      Thank You,
      Mike Taku

      Matthijs_Rouw
      Matthijs_RouwAuthor
      New Participant
      November 21, 2024

      I found the issue. What happened is the following:

      • Open laptop, start Figma
      • Connect laptop to higher resolution external monitor (and close laptop)

      RESULT: UI scaling is skewed

      WORKAROUND: While on the external monitor with laptop closed, Restart Figma to load it in current screen’s resolution/scale.

      Not pretty but it works for now. No idea if this is a Figma or Windows issue

      Matthijs_Rouw
      Matthijs_RouwAuthor
      New Participant
      December 18, 2024

      Unfortunately I just noticed the scale is still off. I screen-shot something from the browser and as soon as I paste it in Figma, it is larger than the original browser - even at 100% canvas zoom 😦

        Matthijs_Rouw
        Matthijs_RouwAuthorAnswer
        New Participant
        February 20, 2025

        I found the solution and it's not nice, as the reason for the scale issue should not depend on this.

         

        While tinkering with a new laptop that was bought for me because of the scale issue, I found out the following.

         

        I didn't like the font size on the laptop with the native resolution so I increased it with 5%. While doing this, in the back of my head I wondered if this (no, it couldn't be!) was the reason for the scaling issue.

         

        But, sure thing, the “Text size” scale setting in Windows changes the resolution scaling of Figma!

        Setting a larger Text size increases the Figma desktop app's scale so any box you draw with 1200px wide will show larger (probably by the amount of text size scaling).

         

          Terms & ConditionsAccessibility statement