How to Change the Background Color of Figma Pages
In this article
Customizing your Figma page background color is a fundamental skill that can dramatically improve your design workflow and presentation. Whether you're creating mockups, wireframes, or final designs, having the right background color helps your work stand out and provides better contrast for your elements.
This tutorial will walk you through the simple process of changing your Figma canvas background color. You'll learn exactly where to find the color controls and how to apply your preferred background color to any Figma page in seconds.
Here's how to change the background color of figma pages in Figma
- Click on an empty area of your canvas to deselect all objects and layers.
- Navigate to the Design panel located on the right side of your screen.
- Locate and click on the Color Picker icon within the Design tab.
- Choose your desired background color from the color palette or enter a specific hex code.
- Confirm your selection to instantly apply the new background color to your Figma page.
Your turn to show how it works.
Build a walkthrough of your product with Saltfish, then share it with your customers.
Frequently Asked Questions
No, Figma requires you to change the background color individually for each page. However, you can copy and paste frames between pages to maintain consistent backgrounds across your project.
Figma
