How Do You Make Glass Morphism in Figma?

Glass Morphism is a popular design trend that has been gaining more attention in recent years. It is a style of design that combines minimalism and realism to create a look that is both elegant and modern.

Glass Morphism uses translucent elements to create an illusion of depth, while keeping the elements simple and flat. This creates an overall effect that looks like glass or ice.

In Figma, creating a glass effect is easy with the use of gradients and blending modes. To begin, create your element using the “rectangle” tool.

Next, select the shape you have created and adjust the opacity of it to around 50%. This will give it a slight translucent look that will serve as the foundation for your glass effect.

Now, use the “gradient” tool to add a subtle gradient from top to bottom. You can adjust the opacity of each color in this gradient to suit your needs and get just the right amount of transparency for your shape. Additionally, you can also use the “blend mode” option in Figma to further tweak how light interacts with your shape.

Once you are happy with how your shape looks, it’s time to move onto adding other elements such as shadows or highlights. Again, make sure you adjust the opacity of these elements so they don’t overpower your glass effect. You can also use Figma’s “blur” tool to further refine how light interacts with each element on your design.

Finally, add any other elements you may need such as text or icons, making sure they are set against a background that complements your glass effect. When everything looks good, save and export your design as an image file so it can be used wherever you need it!


Glass Morphism is an attractive design trend that can be easily achieved in Figma using gradients, blending modes, shadows or highlights and blur effects. All these tools work together in order to create an overall effect that looks like glass or ice on screen. With some practice and experimentation, you too can make beautiful glass effects in no time!