Skip to main content
dennsi
dennsi
Active Member
March 4, 2021

Change Interface Scale (or just Figma's UI font scale)

  • March 4, 2021
  • 69 replies
  • 21689 views

Hey there! 👋

It always has bothered me that Figma’s general UI is slightly too tiny / has very small font sizes and I hoped that View>Interface Scale would solve this issue. Figma’s small font size and icon size make it quite difficult to navigate through the app without having hawk eyes. Sometimes elements (especially in Effects menu) are small click targets.
Scaling the Interface up seems like a good idea to counter this and improve readability and clickability.
Unfortunately at this rate, it’s not a real solution for me. It is pretty much useless to me since it also scales your designs / the canvas. I’d like to scale the UI (Sidebars, Top Bar) only and keep my design canvas untouched to remain at an actual 100% scale.

The current behaviour doesn’t make much sense to me. If I’m designing for example a screen at 1920px width I’d like to see an actual 1920px screen. My work depends on the canvas representing the pixels at 1:1 / @1x scale. Sure, a workaround could be to view the canvas in something else than 100% to counteract it visually – but let’s be honest:
This is not the way. (Read this in mandalorian voice)

Maybe you could implement an option to adjust the scale of Figma’s UI not in terms of everything in general but instead just the font and icon sizes of menus (sidebars, plugins etc. you name it) which won’t affect the canvas itself.

Looking forward to improvements 🙂

    69 replies

    Show previous replies
    Josh
    Josh
    Former Community Manager
    May 10, 2021

    @dennsi appreciate you sharing this feedback. While we may not be able to respond to all of the feedback and ideas posted here, we do read and take them into consideration.

    For this one specifically we agree that there’s a lot of room for improvement when it comes to the accessibility of the interface and it’s something we’re exploring. At the moment we have a backlog of other improvements that are currently higher priority, but we’re always reexamining this to make sure we’re focusing on the right things.

    Again, thank you (and everyone else in this thread) for the feedback! 🙂

      dennsi
      dennsiAuthor
      Active Member
      May 11, 2021

      Thank you for the response Josh.
      I hope that this issue will bring enough attention to it so you guys can find a better solution.
      Looking forward to be able to use a more accessible version of Figma with legible interface while not having to bother with incorrect measurements.

        Awais_Iqbal
        Awais_Iqbal
        June 23, 2021

        I do have the same issue with Figma. I’ve also created a ticket for this in the forum. Do you guys find any solution?

          dennsi
          dennsiAuthor
          Active Member
          June 23, 2021

          Yeah, font rendering is even worse on Windows (as it is always in comparison with Mac or Linux). Due to the small sizes fonts get rendered very blurry if you’re using a display with a device pixel ratio of 1. Users with retina screens / displays using more than 2 dpr probably don’t have that issue.

          I don’t understand how that unfortunate artboard scaling is still not an issue of priority to the Figma team.

            Awais_Iqbal
            Awais_Iqbal
            June 23, 2021

            Exactly, font rendering should be the priority task for the Figma team as it directly impacts the design.
            Currently I’ve moved back to XD again because I can’t show the fuzzy or blurry font designs to clients

              Jane_Huntington
              Jane_Huntington
              August 1, 2021

              I’m working on a project and jeez louise…boy is this type looking bad. I mean, really really bad… And I’m working on a team project for school that’s client facing and we have a presentation with a “real world client” Wednesday. I would switch to another app, but because I’m on a team, I can’t. Strangely enough, at 200% it’s at it’s sharpest-at 50% it’s almost unreadable. 100% looks like a bad xerox. We’re using screen shots of the current website and implementing small but meaningful changes – could it be the image size? BTW- my screen is a 2560x1440 PA272W NEC, and I’m on Safari…Mac 10.15.7 3GB graphics cards, not sure if that’s total or per (I have two).

                Sepas
                Sepas
                August 4, 2021

                At the beginning of my last project, I made the interface bigger and did not see that everything got bigger! I designed almost everything and now I have to change all the sizes… this is crazy!! Please give us the option to only change the UI without changing the design size! Sometimes I don’t understand how Figma could do such a mistakes!

                  Francis_Mensah
                  Francis_Mensah
                  August 9, 2021

                  Hello, i found a way to fix it, if you go to your home page and change the screen zoom there with control + on Pc and command + on mac, the interface font changes, then when you go back to your workspace, the interface font is as you increased it to be. see pictures for proof.

                  1

                  2

                    Lai_Guan_Zhee
                    Lai_Guan_Zhee
                    September 6, 2021

                    Thanks it worked!

                      Francis_Mensah
                      Francis_Mensah
                      September 8, 2021

                      i am glad i could help

                      Show more replies
                      Terms & ConditionsAccessibility statement