Skip to main content
Chase89
March 19, 2021

LAUNCHED: Dynamic background blur in overlays

  • March 19, 2021
  • 45 replies
  • 25125 views

When creating an overlay for something like a tooltip or notification center, if you use a glassmorphism effect with background blur, you’ll always see what’s behind the overlay in the file. The expected result would be to see what behind the overlay while presenting. For example, if I want to the overlay to open across multiple frames, with different backgrounds, I would have to duplicate the overlay and frame it’s displayed over to achieve this. But, that doesn’t solve the issue if the user scrolls the frame behind it, as the background of the overlay wouldn’t scroll with the page.

Expected:
Screen Shot 2021-03-19 at 4.14.54 PM

What’s happening:

  1. Does anyone have a work around or a way for the overlay to always show what’s behind it while presenting instead of what’s in the file?

45 replies

Alex_Gough
October 15, 2022

+1 on this one, would be super useful!

pat_awa
October 24, 2022

+1 would love to see this as well 😃

Alfredo_Vargas
November 2, 2022

Please @Figma_Support… we’ve been waiting for a long long time

Claire_Eary
November 21, 2022

@Figma_Support
Having this problem too - it’s a real pain - please fix it FIgma!!!

Guido3
November 24, 2022

@Figma_Support Could really use this 🙂

Kemane
November 25, 2022

+1 same here, please provide it, would save so much time!!!

Martin_Novotny
December 7, 2022

@Figma_Support It would be really helpful to include this feature in your next update

Andrea_Tseng
December 9, 2022

+1, this makes any workflow using components (among other things) unusable, we have to make multiple frames for every state that includes an overlay. God help you if you have multiple multi-state objects for each page.

Alexander_Gerund
December 30, 2022

+1 Upvote for this

Ricardo_Rubio
January 4, 2023

+1 that’s super important!
@Figma_Support