How To Change Opacity in Figma

Are you trying to change the opacity in Figma? Learn how to do it with ease through the steps below.
Change Opacity in Figma

Changing opacity in a design helps you control visibility and focus, making key elements stand out or blend smoothly. If you’re new to Figma and are changing opacity for the first time, this guide featuring a simple demonstration will get you covered.

Change Opacity in Figma

  1. Open Figma on your browser and sign in with your credentials. Now sign in with your credentials and open the design file you’re working on from Recently viewed.
Figma Recents
  1. After the design file is loaded, select the layer on which you wish to change the opacity. For demonstration, we have added an image and will change its opacity.
Image added
  1. After the layer is selected, navigate to the Fill section in the design tab on the right. Now, find the input box and change the value or drag the slider to increase or decrease the value.
Change value
  1. We have set the value to 40%, and the opacity has decreased. These steps aren’t limited to images and you can change the opacity for any layer that supports Fill.
Opacity reduced

Wrapping Up

Congratulations on learning how to change opacity in Figma!

If you are having trouble changing the opacity or aren’t satisfied with the results when working with images, we suggest using conventional photo editors for more flexibility and control.


How To Add an Image to Figma

How To Flip an Image in Figma

How To Blur an Image in Figma

How To Resize Image in Figma Without Cropping

How To Change Color of Image in Figma

Harsha Vardhan N

I'm a Tech enthusiast with a passion for exploring the latest innovations. I enjoy working with design tools, creating compilations, writing guides, and reviewing consumer tech and software. In my free time, I dive into UX design and Android app development.

We will be happy to hear your thoughts

Leave a reply

Pttrns
Logo