How to Create Glassmorphism Effect in Figma

Jan 28, 2021

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 :) 

10 Replies
FasterCourse Templates
Hi! Actually we made the video in Adobe After Effects, where we created the card on the top layer, and the video in the bottom. There are quite a few steps for this, but you can easily find a tutorial on Youtube. Regarding Figma, if you have the Professional plan subscription, it is also possible, as you already mentioned. We didn’t have one at the time, so we used AE.