Skip to main content
Question

Glass effect not working on website file

  • January 6, 2026
  • 1 reply
  • 150 views

L3ooo

Hey there… I just encountered the issue with glass effect. I made a navigation bar with frame tool and added glass effect; while I design it has glass effect, but when I go to preview it just disappears. When I copy and paste the same frame onto design file instead of website it works how it should. Is it me ? Am I going crazy or its just Figma?

work on design tab
totally disappears on preview

1 reply

  • Figmate
  • January 7, 2026

Hi ​@L3ooo

 

I understand you’re experiencing an issue where the glass effect appears on the canvas but disappears when previewed in Figma Sites.

 

I tested this on my side as well and see the same behavior. This is actually expected behavior at the moment, as the glass effect isn’t currently supported in Figma Sites.

While some effects are available in Figma Sites, the glass effect is currently in open beta and has certain limitations. It will work and appear correctly in your Figma design file, but it won’t render when you preview or publish a site in Figma Sites, as you experienced. This is a known limitation of the feature.

You can find more details in the Key considerations section under “Glass” here: Apply effects to layers

You may also find this article helpful for understanding which properties are supported between Figma Design and Figma Sites:Supported properties between Figma Design and Figma Sites

 

Thanks,