Mouse tracer effect in Figma

Animating interactions using components

For the image tracer effect, I created a simple block component with a hover variant containing a radial effect. The main component has been prototyped to change between variants whilst in a hover state and laid out across the frame.

Button animations on hover

I've used the same approach within the button component. The arrow within the button is a component itself that has been prototyped to alter between its variants. This component was added to the button's hover state.

Have a look or play around with the prototype 🎉