In today’s video, we are creating some amazing animated icons inside Figma. This method is super easy to do and you can animate any icon you like.
Icons used:
Video chapters
0:00 Introduction
0:33 Setting up project
1:18 First method
3:41 Second method
Get the equipment I use:
1. Mic:
2. Camera:
3. Macbook Pro:
4. Asus Gaming Laptop:
5. Pop filter:
For Sponsorship: punitwebdeveloper@gmail.com
Follow Me on Twitter:
Follow me on Medium:
My Behance Profile:
#figma #uidesign #icons
can we export animations as JSON which are made in Figma not lottie files
Well done 🥰👍👍❤️💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕
Hello the svg motion pluggin doesn't work for me, i did flatten an line icon and there is no frame 🙁 , nothing move
Cool
Its Awesome… Thank you so much 💞
This is not diffcult you find it diffcult when you navigate to next pages when you have created this components
Amazin !!!
I find the video a bit misleading as the plugin you suggested and process you showed output a very sissy animation while the ones you showed, in the beginning, are more custom made
tudo lixo
Does it also work to animate prototypes?, meaning, not just icons but like transitions from one frame to another and so on
You are using jugad plugins instead of AE. It is much better and gives better creative control.
I did a whole job in Figma and only later did I find out that I couldn't use it in Android Studio, total disappointment to do something that can't be used anywhere, what is Figma even for?
don't work 🤔
CLIIIIIIIIIIIIIIICK BAIT
Hi! I had a question – so when I export the icons (using the first method) as animated svg – it doesn't play as an animation in the figma file? Is that meant to happen? Do the developers work their magic on this?
Please let me know!
Thanks for the tutorial!
Hi bro. i'm using motion ui make ani, then i try export to json for project code. But my file json show failed. How to fix? Thanks bro
what a good plugin! Thanks
But whats that music in background 🤯🥲
Hi, I see the icons in animation in the plugin window but not in Figma – how can I have an animated icon in Figma frame?
Sir can u pls tell me how to design an icon for example 24*24 😔🙏🏼🙏🏼
Awesome….. cool
Hi bro how do you actually code the UI design to function properly well a mobile app
What a nice video. Thank you for sharing.
great lesson! but your pronunciation is awesome )))
Thank you so much 🥰
can we include that animated SVG icons in prototypes?
Nice 👍 man
Really helpful. Thanks a lot!
Sometimes you forget to add videos related to figma in figma playlist.
Thanks, can you please provide the link of Motion. regards
Congratulations on a 100k