How Do You Add a Background in Figma?

Adding a background in Figma is easy and straightforward. You can quickly set up a background with the help of the design tool’s vector tools.

There are two main steps when adding a background in Figma: creating your shape and adding your desired color or image.

Creating Your Shape

The first step in adding a background to Figma is to create your shape. You can draw a rectangle, circle, or other basic shapes right on the canvas.

You can also find pre-made shapes in the left-hand panel, such as squares, rectangles, and ovals. If you want to be more creative, you can use the Pen tool to create more complex shapes like stars or polygons. To adjust any of these shapes to fit your background design, use the Transform panel.

Adding Color and Images

Once you have your shape ready, it’s time to add color and images. If you want to add solid colors, click on the Fill layer in the top toolbar and select your desired color from the color picker or from the swatches library.

If you want to add an image as a background, you can drag and drop it onto your canvas or upload it from your computer. Once uploaded, use the Transform panel to resize or rotate it so that it fits perfectly into your design.


Adding a background in Figma is easy and straightforward. With just two steps – creating your shape and adding color or an image – you can quickly set up an eye-catching backdrop for your designs. With these steps completed, you’ll have an attractive looking design that will stand out from all other digital projects.