How to Change the Background Color of Figma Pages
- George Apostolov
How to Change the Background Color of Figma Pages: step-by-step guide
To get started, simply click anywhere around your design canvas to make sure that no layers are currently selected.
Go to the right-side panel afterwards, then click the 'Color Picker' icon under the Design tab.
Select your preferred color.
After completing these steps, the background color of your Figma page will be changed instantly based on your input.
Quick answer: To change your page background color in Figma, click the canvas to deselect layers, open the Color Picker icon under the Design tab in the right-side panel, and select your preferred color to apply the change instantly.
About this Figma tutorial
Customize your Figma page background color instantly by deselecting all layers, opening the Design tab color picker, and choosing your color. This guide shows how to change the Background Color of Figma Pages in 4 steps, starting with "To get started, simply click anywhere around your design canvas to make sure that no la..." and finishing with "After completing these steps, the background color of your Figma page will be changed i...". The interactive demo above is a click-through copy of the real Figma interface, so you can rehearse each step before doing it in your own account.
Frequently asked questions
How many steps does it take to change the Background Color of Figma Pages?
4 steps. Each one is listed in order above, and the demo highlights exactly where to click.
Can I try it without changing my own account?
Yes. Clicking through the demo doesn't touch your Figma data or settings. Once you know the flow, repeat it in your own workspace.
This tutorial is filed under Figma. Related guides: How to Combine Shapes in Figma, How to Convert a Figma Frame to HTML and How to Convert Characters into Superscripts in Figma. Last reviewed 05 Oct 2026.
Create your first interactive demo in minutes
No credit card required • Start building today
