Create An Animated Component That Follows The Cursor - Figma Tutorial

[@blurytt]

man, this is great, I have been using animations through components for a long time but I have not done anything like this. you opened a new way for me, thank you

[@DarrenNorthcott]

Glad I could help!

[@djashawe88923]

That's brilliant. It's interesting that you used "while hovering". My initial thought was that it would require some kind of "drag" interaction. So cool! 🤓👍

[@DarrenNorthcott]

Actually, as I discovered in my Parallax Following the Mouse tutorial, if you use Mouse Enter it works better as 'hovering' caches the animation and if you move around too fast it will finish playing out all the animations when you leave the area, whereas Mouse Enter does not.

[@djashawe88923]

@@DarrenNorthcott Oh, that's good to know. Thanks for that tip. 💯

[@Ualalalalalala]

Is it possible to use multiple eyes in irregular sections?

[@markbarrett9311]

Thank you!

[@igualdad5505]

Thank you

[@milokhanh313]

great , does that work with 3d elements ?

[@DarrenNorthcott]

I'm not sure figma has support for 3D elements...

[@pablomorales2661]

como hiciste el ojo??

[@DarrenNorthcott]

I created a circle for the eye ball, then a set of circles for the iris and pupil. Then masked them in an oval shape.