LAUNCHED: Dynamic background blur in overlays

45 replies
25223 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:

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?

Share an idea

Show previous replies

Milton_B

+1 same here. We need background blur for overlay during prototyping. Thanks! @Figma_Support

Sam_Lagaert

@Figma_Support Pls add this feature, would be super helpful! Bumped into it myself a couple of times already.

HeladeraDragon

@Figma_Support +1 Please we need this

iniv

+1 here @Figma_Support
This would be amazing

dennsi

Active Member

I think its time for an official roadmap and more activity from the Figma officials.
This forum contains tons of great product ideas and also tons of bug reports (for example Interactive Prototypes and Smart Animate), complaints about missing features and discussions about time-consuming workarounds.

To me personally, it doesn’t feel like most of that is on Figmas radar.
Or at least they don’t respond most of the time.
Are you listening to what your customers want and what problems they need you to solve?
Hopefully some kind of roadmap will be established this year.