Make a GIF in Figma (in under 2 minutes)

In this Figma tutorial, let's learn how to make a GIF. GIFs are good to use when you want to show off your web, app, or any design to clients or an audience. I like to use them for social media posts, so all my designs get shown without people having to swipe or click the next image.
Got any requests for upcoming tutorials you want me to make? Please leave it down in the comments!
Let's connect!
Twitter: / fabianrosholm
Instagram: / fabianrosholm
If you want to support me even more, you can become a patron member: / figmin
Music by: Ole Seltveit Rugset
His SoundCloud: / ole-seltveit-rugset-65...
#figma #tutorial #ui

[@vkpprt]

That's the first time I see a great tutorial that actually works in less 2minutes. Awesome! Liked & Subs!!

[@prianca906]

Please keep creating such videos, you're great at it!

[@prianca906]

Loved the video style, music, to the point tutorial and that voice over! 💙

[@figmintutorials]

Thanks prianca:)

[@user-xd4is3eb5s]

quick and to the point, thank you!

[@viberjohnny]

Thank you for this great tutorial video!

[@harikeshk8451]

Very useful man thanks! keep putting more videos like, micro-interaction in figma

[@standing_alone]

It's easy to follow! Thanks a lot.

[@sonammurarkar961]

Amazing............ this is what I want from long time....... thanku very much for make my work easy

[@roman__saavedra]

Awesome, it was super easy!

[@itsdavidmora]

Thanks! Well crafted tutorial. I especially liked the funky but somehow soothing bass intro. I might steal that :)

[@loofyy]

This was very useful! I was struggling to find an easy solution to export multiples frames a as a gif

[@rayanebaker4404]

thank you, that was helpful !

[@max_whoareyou7926]

Big thanks bro

[@lotfizazoun5495]

Amazing ❤

[@iadnanahsan]

Useful, thank you so much.

[@figmintutorials]

Happy to help :)

[@bangsandbows]

NICE thank you :)

[@Statsjk]

Super useful

[@carenalegre4021]

Thanks 🙏🏾🙏🏾

[@JingyiYu-jh2qz]

so useful!!!!!!!!

[@tori2040]

thank you

[@niniramishvili2389]

It was very useful, thanks a lot! But I can't save it, it's being processed.. What should I do?

[@ananwudeshedrack9000]

This is excellently helpful. I love it ❤❤❤. Be my mentor 😢

[@user-ie8xf1hy7o]

Hello, can you please create a video on how to export a text animation?

[@tiagorodrigues3f]

thanks for brazil my friend.

[@aodeh2648]

hi can you show us how to create an arrow gif

[@adrianlado5422]

capo, en 2 minutos me resolvio un problemon

[@_MuhamadSyehaNursidiq]

To create a gif version of flipcard? I'm having trouble when creating a gif flipcard in figma.

[@JasperPauwels]

So is this a simple switch between frames or does it actually make a gif of the prototype (including smart animations etc)?

[@figmintutorials]

It's just a simple switch

[@designjam]

Same question. But do you know how we can retain those smart animations and create a GIF from Figma? Would be helpful if you can share a solution or a hack for this.

[@Franciscormj]

@@designjam that's exactly my question. Is it possible?

[@samroop]

Has anyone found a solution to exporting smart animations?

[@favouronasanya9366]

Please have you found a solution to exporting smart animate gif

[@paavamkutty]

Could not do this with a frame containing component.

[@AndreMurrell]

That's a useful plugin thanks, but quite expensive if all you need it for is making gifs...have you come across any other plugins that do something similar?

[@figmintutorials]

You're sure it's not free? I've never had to pay for it

[@AndreMurrell]

@@figmintutorials for making gifs yes... it's telling me I have 15 free exports and then after that, it's $14 per user per month. For just plain image compression it seems to be free.

[@figmintutorials]

@@AndreMurrell Thanks for letting me know!

[@masheyatchowdhury9699]

Hi, thank you so much, this is really helpful. I saved the GIF but when I open the file, all the different frames show up as separate preview pages. Is that normal?

[@figmintutorials]

That is completely normal😊 If you are on a Mac, you can select the file and hit "spacebar" to preview the gif instead of double-clicking the file. I hope that answers your question

[@masheyatchowdhury9699]

@@figmintutorials Yes it does. Thank you for your help! Also, how do I make the frames play once? So not necessarily a gif where it plays multiple times but only one time

[@masheyatchowdhury9699]

Please let me know when you can!

[@figmintutorials]

@@masheyatchowdhury9699 For the gif to play the whole sequence once? I think gifs are always playing in a loop, so that wouldn't be possible :/

[@masheyatchowdhury9699]

@@figmintutorials Oh okay, thanks. Would I be able to save it as a JS file?

[@nileshbhalerao6617]

Hey, is it paid plugin?

[@figmintutorials]

i think it's free up until a certain amount of exports. Mine is still free and I have had it for a year.

[@a.d.4925]

Now it's free for the first 10 exports only

[@TheCds777]

@@figmintutorials How is yours still free? You can export too?

[@TheCds777]

This plugin aint free tho lol

[@successchukwuemeka2325]

Please can you make a bit clearer?

[@figmintutorials]

Thanks for the feedback! I will try to be more clear in the future🙂 Are you referring to any specific part of the video?

[@successchukwuemeka2325]

@@figmintutorials The initial part of the video