Web Design » Figma » How Do I Make a Transparent Background in Figma?

How Do I Make a Transparent Background in Figma?

Last updated on September 28, 2022 @ 9:37 pm

When it comes to creating graphics for the web, one of the most important things to consider is the file format. You want to make sure that your images are saved in a format that will allow them to be viewed by as many people as possible.

One of the best formats for this is PNG. PNG is a great format for images with transparency because it allows the background to show through. If you’re creating an image with a transparent background in Figma, there are a few things you need to do.

First, open up Figma and create a new project. Then, create a new frame and add your image. Once your image is in the frame, select the “Layer” option from the top menu and then click on “Add Layer.” This will add a new layer to your project.

Next, select the “Image” option from the left menu and then click on “Select Image.” Choose the image you want to use and then click “Open. ”

Once your image is added, you’ll need to select the “Background” option from the top menu and then click on “Edit.” This will open up the “Edit Background” window.

From here, you can choose how you want your background to look. If you want it to be transparent, simply uncheck the “Opacity” box. You can also choose a color for your background if you want it to be something other than white.

PRO TIP: If you are not careful, you can easily create a transparent background in Figma that will make your document unusable. To avoid this, be sure to use the “Make Background Transparent” option in the “Object” menu, and not the “Remove Background” option.

Once you’ve made your changes, click “OK” and then “File” > “Export As.” Choose PNG from the list of options and then click “Export.” This will save your image as a PNG file with a transparent background.

Conclusion: How Do I Make a Transparent Background in Figma?

To create a transparent background in Figma, simply uncheck the opacity box when editing the background. You can also choose a color for your background if desired. To save as a PNG file with transparency, simply export as PNG from the file menu.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.