I had problems with the animation, the 3rd circle blended with the second and wasn't pleasing, I remeber that Figma use the name of the component/status to create the smart animation... so it was fixed by changing the names of the states, fox ex: circle 2, state22/state23. Very good tutorial, by the way.
By giving suggestion to use After Effects.... Why not you start a Noob to Pro (After ffect Series) as well. I really Like the way you describe the base of every thing.
Hi Am Design, Im trying to recreate this on figma but im confused what happened to the circle around the shazaam logo @2:18? It was there and then after you created variants and added auto layout and duplicated it.. i see the circle around the logo has disappeared. Did you remove it? or change the size? I couldn't animate it and i think something is missing in my steps:(
Learn Protopie, not principle. Protopie = interactive prototyping After effects = animation and effect generation. So if you want to create prototypes that users interact with, use Protopie, otherwise if you just want to create animations, use aftereffects.
Thank you so much for making this !! Ur amazing 🙏🙏🙏
You made it look so easy thanks ! Hope to see more ui animation videos probably in after effects or protopie 😉
Hehe made this same 3 months back Lottie is just awesome
It really is!
Awesome !
Thanks Question. If you want to pause and play the animation without leaving the frame how would you do that? Say via a button or such
I had problems with the animation, the 3rd circle blended with the second and wasn't pleasing, I remeber that Figma use the name of the component/status to create the smart animation... so it was fixed by changing the names of the states, fox ex: circle 2, state22/state23. Very good tutorial, by the way.
By giving suggestion to use After Effects.... Why not you start a Noob to Pro (After ffect Series) as well. I really Like the way you describe the base of every thing.
I'll think about that, but I'm not too pro with after effects, and I don't use it that much either as a UX and UI designer.
Hi Am Design, Im trying to recreate this on figma but im confused what happened to the circle around the shazaam logo @2:18? It was there and then after you created variants and added auto layout and duplicated it.. i see the circle around the logo has disappeared. Did you remove it? or change the size? I couldn't animate it and i think something is missing in my steps:(
Learn Protopie, not principle.
Protopie = interactive prototyping
After effects = animation and effect generation.
So if you want to create prototypes that users interact with, use Protopie, otherwise if you just want to create animations, use aftereffects.
@@AMDesignAndDev thank you for this insight :)
i had issue while trying it. my circle didn't bigger from center. how can i fix that.
ok .d i fixed that. i was playing with the frames not the circles hahaha.
can i download that figma file or links?
Here you go:
www.figma.com/file/OhwJlOLPH3hEYn4NbB67NP/Animation-Videos?node-id=401%3A15007&t=T1dzioVFvTdpXgsA-1
For Designers like me, who have no clue on how to use after effect, is lotties not good for developers.?
Lottiefiles is good for developers.
After effects allows you to export to lottiefiles.
@@AMDesignAndDev ohhh, thanks for the clarification
👍👍👍👍👍