How Do I Reduce Screen Size in Figma?

Figma is a powerful vector graphics editor used for creating icons, illustrations, prototypes, and more. It’s free to use and available for multiple platforms.

It’s also very intuitive and user-friendly, making it a great choice for those who are new to design software. But like any other software, there are times when you may need to reduce the screen size in Figma.

Fortunately, reducing the screen size in Figma is relatively easy. The first thing you need to do is open up your project in Figma and then select the ‘View’ tab at the top of the page. From here, you can select ‘Zoom’ and then choose how much of your project you want to see at once by adjusting the slider.

Alternatively, if you want more precise control over how much of your project is visible, you can also use hotkeys like Ctrl + or Ctrl –. This will zoom in or out respectively. You can also use hotkey combinations like Ctrl + Shift + 0, which will reset your zoom level back to default.

Another way to reduce screen size in Figma is by changing the display settings. To do this, click on the ‘View’ tab again and then select ‘Display Settings’ from the dropdown menu. Here you can toggle different options such as ‘Show Grid’ or ‘Show Artboard Frames’ which will help reduce clutter on your screen.

Finally, if you want even more control over your display settings, you can also customize them using CSS code. To do this, go to the ‘Designers’ menu at the top of Figma and then select ‘Custom CSS’ from the dropdown menu. Here you can write custom code that will adjust various aspects of your display so that it looks exactly how you want it.


Reducing screen size in Figma is easy with a few simple steps. You can use hotkeys like Ctrl +, Ctrl –, and Ctrl + Shift + 0, change display settings using the View tab, or customize them with CSS code.

With these methods, you should be able to achieve whatever look and feel that you want for your project quickly and easily!