Skip to main content

How can we make a button like cursor website have like the one where button border follows the mouse pointer? here is the reference 
 https://www.cursor.com/

Code the design. In Figma? You cannot, it’s a fast prototyping tool not a full code editor.

 

In theory, you could play with multiple variants of the button. Each represent a different position of the border highlight. Then build a grid of empty frames. From prototype perspective, hovering a certain frame would switch to the dedicated variant (use smart animate).

Of course, the project prototype will be completely unusable as active hover block any other prototype triggers and button component will be a complete disaster.


Reply