Export/record prototype to Video or GIF

Thanks so much for your response @cesno

We thought about it more and decided to try to use “smart animate” as the source for the gif. So there is very little the designer need to do to use this.

Just focus on building the interaction, open the plugin and then export to gif.

If you are ok, we can share with you the developer version with instructions to run it.

I think it should be ready next week to share with you.

Soheil

Yes, I would happy to try it out. Let me know.

Any updates on this? I’m looking for this solution and would be happy to test it out as well

hey @Katherine_Van_Winkle we just published a beta version for review, you can see the demo here and let us know what you think:

@Soheil_Hm Hey - What’s the name of the plugin? Can I test it? Thanks.

Hi @Naveen_Yadav,

The plugin is currently available in beta. You can access it here:

Soheil

@Soheil_Hm It seems like gumroad isnt allowing either a free, or paid purchase of the plugin

Hey Ali,
It should be available on gumroad. If you share your email with me, I can share the download instructions directly to your email.

Soheil

Hi everyone,

I am excited to announce that the plugin we built to export prototypes to gif or videos is now live in the Figma community 🎊

You can find it here:

I like to thank everyone in this forum who helped us with their feedback. We aim to keep improving this plugin so would love for you to try it and let us know what can we do better.

Kind regards,
Soheil and Michael

It works great! recommended to bunch of people

Amazing, thank you so much Ali

Im looking for the same solution, i need to export an animation with tinteracton to an animated GIF, is it possible?

Yeah it definitely should work, let me know if you had any issues with it

https://www.figma.com/community/plugin/1170836206919391034/Export-to-GIF%2FVideo

If we are importing any GIF or Video that should be exported as same format also, and there should a option to export the prototype in video or gif format.

We need ways to include our prototypes in our slide decks without having to go into the prototype itself and demonstrate it from within Figma. Principle, Protopie - they all allow exporting prototypes in various formats like Gifs and videos. Having a similar feature in Figma would be great.

A post was merged into an existing topic: Variable cursor in prototypes

It’s been two years!

Sorry for the frustration, @Nicole_Sylianteng!

The team is aware of this thread, but we can’t guarantee a specific timeline. We use votes to gauge interest from the community and prioritize. With four of our top voted feature requests with +800 Votes now launched, the team can focus on new projects - stay tuned!

Hi @himanshuag , checkout this plugin below. I think it can help you achieve your goal:

https://figma.com/community/plugin/1170836206919391034

I wish I can export my prototype include with all the animation that I’ve made from Figma to Video format.

I mean, without plugins… Just from Figma. Or maybe i also export it as JSON files etc.

There should be an option to record the prototype on Figma. It will enable the designers to effectively show stakeholders how a particular product will function and will be great for presentation Currently, videos are recorded using 3rd party software or chrome extensions. It will definitely attract a lot of users especially users who design in XD and are already used to the feature.

Released 1st version of Blazy Studio. It is exporting prototype as video/gif in 4k/60fps or even higher resolution.

It is free and works in macOS and windows.

You may face issues running it on your machine, if so - please contact me https://twitter.com/orkhanjafarovr

It would be pretty convenient to be able to export device mockups directly from the prototype mode when viewing the designs. This would save alot of time because we wont have to download separate device mockup files and drag screen frames into it.