Skip to main content
Chase89
Mar 19, 2021 8:21 PM UTC

LAUNCHED: Dynamic background blur in overlays

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
Oct 15, 2022 1:02 AM UTC

+1 on this one, would be super useful!

pat_awa
Oct 24, 2022 1:55 AM UTC

+1 would love to see this as well 😃

Alfredo_Vargas
Nov 2, 2022 11:13 AM UTC

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

Claire_Eary
Nov 21, 2022 1:11 PM UTC

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

Guido3
Nov 24, 2022 3:22 PM UTC

@Figma_Support Could really use this 🙂

Kemane
Nov 25, 2022 12:33 PM UTC

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

Martin_Novotny
Dec 7, 2022 1:40 PM UTC

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

Andrea_Tseng
Dec 9, 2022 1:46 AM UTC

+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
Dec 30, 2022 4:04 PM UTC

+1 Upvote for this

Ricardo_Rubio
Jan 4, 2023 11:02 AM UTC

+1 that’s super important!
@Figma_Support