Figma Smart Animate bug: Animations break on components with Background Blur

Hey ​@burak.koc — thanks for flagging this, and for laying out your setup so clearly. I like this concept!

Based on your description (without seeing the file directly), here’s what might be happening: Figma Design does support smart animate on layers using background blur, but noise effects are randomly generated. To help ensure smart animate runs smoothly, the recommendation is duplicating the frame so the layers are identical. If they’re not, Figma may default to a dissolve transition instead. You can find more details here: Smart animate layers between frames → Fill.

Does duplicating the frame help unlock the effect you're aiming for? If not, it might be worth having our Product Support team take a closer look. You can reach out with:

• a link to this Forum thread for context
• a link to your Figma file
• edit access granted to support-share@figma.com

Let us know how it goes — happy to keep digging into this!

Thank you for your insight!

I’ve followed your advice: I duplicated the exact frames that worked without blur, then simply changed the fill across all variants and added the Background Blur effect. Unfortunately, this isn’t limited to just that one card—I’m seeing the same breakage on any component where I apply blur.

With current UI trends (thanks to Apple) pushing us toward more blur usage, it’s really important to me to know whether I’m doing something wrong or if this is a deeper issue. I’d like to share this thread and grant edit access to support-share@figma.com so your Product Support team can take a closer look.

Thanks again for your help—I'll post any updates I receive here!

Having the exact same problem. Any object with blur applied is not properly animated. I’m not sure if it was always this way, but it would be great to get a heads-up on this as it is a quite critical effect we are using here too...

Hey ​@burak.koc and ​@Fatih Kaygusuz — thanks for giving that a try and sharing why this matters. Really appreciate your feedback on this.

I can see your ticket is open with our Product Support team ​@burak.koc — they’ll follow up soon with next steps for a deeper dive. Thanks again for your patience, and please do keep us posted on how things go. 🙏🏻

Same for me. Moving in an object with background blur via Smart Animate results in:

1. Animation is played without the bg blur
2. When animation is done, the bg blur is appearing instantly

Thank you very much for following up here, ​@burak.koc — we really appreciate your patience as we prioritize this issue.

🔔 I’m keeping an eye on the internal project where this is being tracked and will share any updates or solutions here as soon as they’re available.

💡 In the meantime, if anyone else in the community has any insight, feel free to share in this thread.