How Do You Make a Glass Effect in Figma?

In Figma, a glass effect can be applied to a variety of elements. This allows you to create interesting and eye-catching visuals for your designs. The effect can be achieved in a few simple steps.

Step 1: Select the element you would like to apply the glass effect to. This could be text, an image, or any other type of object.

Step 2: Click on the dropdown menu next to ‘Effects’ in the top bar and select ‘Glass’. You will then see a list of options appear on the right.

Step 3: Choose the options you would like to use for your glass effect. These include reflection strength, tint color, blur amount and spread angle.

Step 4: Once you’re happy with your choices, click on the ‘Apply’ button in the bottom-right corner of the window.


Creating a glass effect in Figma is easy and straightforward. With a few clicks of your mouse, you can apply this realistic looking effect to any element in your design. Try experimenting with different settings and colors to find out which combination works best for your project!