Web Design » Figma » How Do You Get Glass Effect in Figma?

How Do You Get Glass Effect in Figma?

Last updated on September 28, 2022 @ 8:31 pm

There are a few ways that you can get glass effect in Figma. One way is to use the Blur filter.

Another way is to use the Glass Distortion filter. And lastly, you can use the Transparency effect.

The Blur filter is probably the most common way to create a glass effect. To do this, simply select the layer that you want to blur and then click on the Filter icon in the toolbar.

Select the Blur option and then choose how much blur you want to apply. You can also adjust the strength of the blur by clicking on the Strength slider.

The Glass Distortion filter is another option for creating a glass effect. To use this filter, select the layer that you want to apply the effect to and then click on the Filter icon in the toolbar.

Select the Glass Distortion option and then adjust the distortion settings to get the look that you want. You can also adjust the opacity of the layer to make it more or less transparent.

PRO TIP: This article contains outdated information about Figma. Glass effect is no longer available in Figma.

The Transparency effect is a good option if you want to create a glass effect that is more subtle. To use this effect, select the layer that you want to apply the effect to and then click on the Effect icon in the toolbar.

Select the Transparency option and then choose how opaque you want the layer to be. You can also adjust the blending mode of the layer to get different effects.

Conclusion:

There are a few ways that you can get glass effect in Figma. The most common way is to use the Blur filter, but you can also use the Glass Distortion filter or Transparency effect. Each of these options has its own benefits, so experiment with each one until you find one that works best for your project.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.