Skip to main content
Maleki
Maleki
New Member
October 1, 2026
Question

Figma Motion Preview shows layers through transparent shapes

 

I’m animating a frame in Figma Motion and I’m experiencing a rendering issue with shapes that have reduced opacity.

Whenever I use a shape with any level of transparency/low opacity, Figma Motion Preview shows the content that was originally there at first (the beginning of the motion).

Even if I move those elements outside the frame or place them behind/in different layer positions, they still become visible through the transparent shape.

What’s strange is that this does not happen on the regular Figma canvas. The design looks correct there, but the issue appears when viewing the animation in Figma Motion Preview.

2 replies

adamsmasher
Figmate
adamsmasher
Figmate
October 1, 2026

Hi, ​@Maleki. Thanks for your post and for using Motion! Sounds like you ran into a strange issue.

 

I have a few questions for you that’ll help give me some additional context for the team when I share this with them:

  • When you say the original content becomes visible, is it a frozen image of the first frame, or are the actual layers returning to their starting positions during playback?
  • Have you tried exporting to a video file, and if so, does that look correct? 

 

Thank you!

Maleki
MalekiAuthor
New Member
October 2, 2026

Yes, I wouldn't say its a “frozen image” since if i disable the first layers or turn the opacity of them to 0 they don’t show up anymore.
I tried exporting it after you suggested, it does get fixed when you export it😌

Terms & ConditionsAccessibility statement