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

How Do I Make a Transparent Image in Figma?

Last updated on September 29, 2022 @ 10:41 am

In Figma, there are two ways to make an image transparent.

The first way is to use the “Opacity” slider in the “Fill” section of the image’s properties panel. You can find this panel by selecting the image, then clicking the “Properties” tab in the inspector on the right-hand side of the screen. The opacity slider is at the bottom of the “Fill” section.

The second way to make an image transparent is to use the “Blend Mode” drop-down in the “Fill” section. The blend mode determines how the colors in the image are mixed with the colors of the layers beneath it.

You can find a list of all the possible blend modes here. To make an image transparent using a blend mode, simply select one from the drop-down.

PRO TIP: If you are not careful, you may end up with an image that is not transparent. Make sure to check the transparency of your image before using it in your project.

There are a few things to keep in mind when making images transparent in Figma. First, opacity and blend mode both affect all layers beneath the image, so if you only want certain layers to be affected, you’ll need to place them above or below the image in question. Second, both opacity and blend mode are applied equally to all pixels in an image, so if you want more control over how transparency is applied, you’ll need to use an alpha mask.

An alpha mask is an image that is used to control how another image is blended with layers beneath it. The transparency of each pixel in the alpha mask corresponds to how much of the layer beneath it will show through. You can create an alpha mask by placing an image on top of another image, then selecting both images and clicking “Create Clipping Mask” in the “Arrange” section of the toolbar.

To sum up, there are two ways to make images transparent in Figma: using the opacity slider or selecting a blend mode from the drop-down. If you want more control over transparency, you can use an alpha mask.

Madison Geldart

Madison Geldart

Cloud infrastructure engineer and tech mess solver.