How to Create Glassmorphism Effect in Figma

Hi everyone, 

We created a short guide on how to create the glassmorphism effect in Figma and we thought that it might be useful for you too! 

As we learned in the previous ELH challenge, the glassmorphism effect looks like a frozen glass with a blurred background as you can see in the example below. 


Here you can find short instructions on how to create the glassmorphism effect in Figma (it's a free online design tool) -

I also attached the Storyline 360 file with the above example where you can place your newly created file from Figma and see how it looks. 

I hope this might be useful for someone and if you have any questions, let me know :) 

4 Replies