Web Design » Figma » How Do I Make an Image Transparent on Figma?

How Do I Make an Image Transparent on Figma?

Last updated on December 10, 2022 @ 1:42 pm

In Figma, transparency is used to create semi-transparent fills, strokes, and text. You can make an image transparent in Figma by using the Layer settings in the Design tab.

To make an image transparent, follow these steps:

1. Select the image in the canvas.

2. In the Design tab, go to the Layer window and select the “Pass through” option.

NOTE: You can also explore other options by clicking on the drop-down menu if you want to make the transparency more stylish!

3. From there, adjust the percentage to the desired level of transparency.

PRO TIP: Please be aware that making an image transparent on Figma may result in the loss of some image quality.

Making an image transparent can be useful for creating background images or for compositing multiple images together. You can also use transparency to add a fade effect to an image.

How Do I Make an Image Transparent on Figma?

You can make an image transparent in Figma by adjusting the “Pass through” percentage of a layer to your desired transparency. The drop-down menu also offers a variety of options if you want to add more spice to your design!

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.