If you’re using Figma for the first time, you might notice the page color set to a specific color. While this doesn’t hinder the design creation, if you’re using the Scale tool, you might capture the background while using the export tool.
In this guide, we will help you change the Figma background color through a demonstration to get you covered.
Change Figma Background Color
- Start by navigating to Figma and sign in with your credentials. Next, open an existing design from Recents. If you haven’t created one, do it by clicking on the Design file button present at the top right corner.
![Click on Design File](https://www.pttrns.com/wp-content/uploads/2024/06/Click-on-Design-File.png)
- After the new or existing design is loaded, you will notice the Properties panel on the right.
![Properties panel on the right](https://www.pttrns.com/wp-content/uploads/2024/06/Properties-panel-on-the-right.png)
- Next, navigate to the Page section on the Properties panel, click on the Color box next to the color code to open color palette. Now, select the color or use the color picker tool to change the color of the background.
![Adjust the color](https://www.pttrns.com/wp-content/uploads/2024/06/Adjust-the-color.png)
- If you have specific requirements, click on the color code and manually enter the color code in the field provided.
![Manually enter the color code](https://www.pttrns.com/wp-content/uploads/2024/06/Manually-enter-the-color-code.png)
Wrapping Up
Congratulations on learning how to change the background color on Figma!
While this is the only approach to changing the background color on the page on Figma, if you’re facing issues with the background color, select the layers or frames and export them in the desired file format.