How To Make Figma Background Black

If you are using Figma, you might consider changing the background color to black. Not only will this enhance your design, but it can also minimize eye fatigue during long work sessions. In this blog post, we will guide you through the easy process of changing your Figma background to black.

Step 1: Open Your Figma File

The first step is to open the Figma file whose background you want to change. Once you’re in the file, navigate to the design frame.

Step 2: Click on the Frame

Next, click on the frame where you want to change the background color. This will bring up the frame settings in the right-side panel.

Step 3: Change the Fill Color

In the right-side panel, you’ll see a section labeled “Fill”. Click on the color box next to “Fill” to open the color picker.

In the color picker, input the hex code for black: #000000. After you’ve input the code, hit enter, and you’ll see the frame background change to black.


If you don’t see the “Fill” section in your frame settings, make sure you have the frame, not an element within the frame, selected.

// Here is what the code will look like for a black background:
"document": {
"type": "CANVAS",
"children": [
"type": "FRAME",
"children": [],
"backgroundColor": {
"a": 1,
"r": 0,
"g": 0,
"b": 0


And that’s it! You now know how to change the background in Figma to black. This simple trick can help your designs stand out more and make your work environment more comfortable.