How do I make a GIF only play once (not loop) in Figma?
I am not aware of any way to directly edit looping values in Figma. It’ll be easier to modify the GIF settings via another tool (there are a few apps as well as web sites) prior to importing into Figma.
I’m looking to do this too!
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
Hey All, thanks for reaching out!
This isn’t currently possible, but we’ll pass this onto our team for future consideration.
This is still not possible, right? We need this as a basic prototyping functionality.
Please add this functionality.
You can stop the animated gif looping by duplicating the frame with the animation. In the next frame, remove the animated gif. Then add an interaction with a timed delay and have it navigate to the next frame. You’ll need to adjust the time delay so it matches the duration of your animated gif. If you know the duration, you can adjust to no loop, loop 2x and etc.
any updates on this functionality.
Agree, This is a basic prototyping feature, please add to next release
- Create a frame for the GIF.
- After Delay (1ms) Open Overlay that frame, so the GIF can play.
- After Delay (the length of GIF) Close Overlay, so the frame with the GIF is gone.
This workaround worked for me on a Success Screen throwing some Confetti (GIF)
Hope that works in your scenarios!
All the best,
Pete