Progressive Blur

About this plugin

You no longer need this plugin — progressive blur is now built into Figma!

---

Add real progressive blurs to your files, all in Figma.

Usage

Add a progressive blur to the canvas, or apply it to an existing frame. The plugin remembers your blur radius, so if you want to change that, just open the plugin again.

If the effect isn't visible

Try increasing the default opacity in the plugin's settings tab.

Performance

Because there are many stacked blur layers under the hood, your file's performance might drop if there are multiple blurs on the page. I’d recommend adding them to a separate file or page, rasterize what you need, and bring the image back to your working file.

Special thanks to Silas for the CSS demo that inspired this.