Web Design » Figma » How Do You Do Glass Morphism in Figma?

How Do You Do Glass Morphism in Figma?

Last updated on September 29, 2022 @ 12:27 am

Glass morphism is a design trend that has been gaining popularity in recent years. It involves using transparent or translucent elements to create a sense of depth and dimensionality.

One way to achieve glass morphism in Figma is to use the Blur effect. This can be done by selecting an object, then going to the Effects panel and choosing Blur from the drop-down menu. You can adjust the amount of blur using the slider next to the effect name.

PRO TIP: This article is outdated and no longer reflects current Figma functionality. Glass morphism is no longer possible in Figma.

Another way to create glass morphism is to use the Opacity effect. This can be done by selecting an object, then going to the Effects panel and choosing Opacity from the drop-down menu. You can adjust the amount of opacity using the slider next to the effect name.

Glass morphism can also be achieved by combining both blur and opacity effects. By doing this, you can create more complex and realistic glassy effects.

To conclude, glass morphism is a great way to add depth and dimensionality to your designs. By using the blur and opacity effects, you can create realistic and eye-catching glassy effects.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.