How Do You Add a Background Color in Figma?

Adding a background color to any design in Figma is extremely easy and straightforward. It is an incredibly powerful tool for creating visually stunning designs. With a little bit of knowledge, anyone can quickly learn how to add a background color to their Figma design.

To begin, create a rectangle shape in the canvas.

You can do this by selecting the Rectangle tool from the Tools menu at the top of the window or by pressing R on your keyboard. Once you’ve created the rectangle, select it and then click on the Color Picker option from the Inspector panel to choose a color for your background. You can also adjust the opacity of your color using the slider in this same window.

If you want to add texture or an image as a background, you need to use a Frame. To create one, select the Frame tool from the Tools menu or press F on your keyboard.

Then draw out a frame in your canvas that matches your design’s size and proportions. Once you’ve done that, select the frame and go to Components > Image Fill or Pattern Fill in order to upload an image or texture for your background.

You can also add gradients as backgrounds in Figma. To do this, simply create a rectangle shape as mentioned before and then select it. In the Inspector panel, go to Effects > Gradient and choose between Linear Gradient or Radial Gradient as well as pick two colors for your gradient.

Adding Background Color with Blending Modes

Figma also allows you to apply blending modes when adding colors as backgrounds. To do this, select any shape that already has some color applied to it (or create one) and then click on Blending Mode at the bottom of Inspector panel.

Once you’ve selected which blending mode you’d like to use (e.g., Normal, Multiply etc.), you’ll be able to pick another color from either Color Picker or Color Palette.

These are just some of the ways that you can add backgrounds colors with Figma! Experimenting with different colors and textures is all part of creating stunning visuals for any type of design project.


In conclusion, adding a background color in Figma is extremely easy! All you need is some basic knowledge about rectangles, frames, gradients and blending modes.

How Do You Add A Background Color In Figma?

Adding a background color in Figma is easy – simply create a rectangle shape in the canvas and use either Color Picker or Image Fill options from Inspector panel; if you want more flexibility try using gradients or blending modes with different colors! Experimenting with different colors will help create visually stunning designs!