How Do I Add a Background Image to a Figma Frame?

Adding a background image to a Figma frame is a great way to spice up your designs, making them look more professional and unique. It can be used to create an interesting visual element, or simply to add texture and depth to your design. In this guide, we’ll go over the steps necessary to add a background image to your Figma frames.

Step 1: Select the frame you want to add the background image to in your Figma file.

You can select multiple frames at once by holding down Shift while clicking on each frame.

Step 2: Click on the “Fill” tab in the right-side menu and choose “Image Fill”. This will open up a menu where you can select an image from your computer, or search through an online library of stock images.

Step 3: Adjust the size of the image using the handles on each side of the frame. You can also use the scaling options at the bottom of the menu to adjust it further.

Step 4: Finally, you can use the “Position” tool at the top of the menu to move and rotate your background image if needed.


Adding a background image to a Figma frame is simple and straightforward. Just select your frame, choose an image fill, adjust its size and position, and you’re done! With just these few steps, you can take your designs from basic shapes to something visually stunning.