Skip to main content
Question

Figma Motion SVG exports are looping when set to play once

  • August 3, 2026
  • 2 replies
  • 14 views
Mike Booth

We’ve built several animations in Figma Motion to embed on our website as animated SVGs. We’ve built this into our front-end system.

Up until a few days ago, the SVG output would respect the timeline setting for looping (play once vs repeat).

Suddenly when we export, it is animating the SVG so that it loops indefinitely - ignoring the timeline setting.

Is this a bug?

2 replies

Jaycee Lewis
Figmate

Hey, ​@Mike Booth 👋 Thanks for your post. To help me get this pointed in the right direction, I have a few questions:

  • Can you grab a screen recording of the exported SVG looping — ideally with the Motion timeline visible so we can see the play-once setting alongside the broken output
  • Share one of the affected export files (any example is fine)?
  • If you open the exported SVG's code, does it show repeatCount="indefinite" (SMIL) or animation-iteration-count: infinite (CSS)? 

Thanks! — Jaycee

Ide idrees
  • Ide idrees
  • New Participant
  • August 4, 2026

This sounds like a frustrating issue, especially when the export behavior changes unexpectedly after already building a workflow around it. Timeline settings should ideally remain consistent between the Figma file and the final SVG output. Hopefully this gets clarified soon.

Terms & ConditionsAccessibility statement