Skip to main content
Solved

Best Way to Prototype Eye That Follows Your Mouse Cursor?

  • February 22, 2021
  • 3 replies
  • 5008 views

Jake

I want to prototype a single eye in the center of the screen when the landing page loads that follows the mouse cursor wherever it goes. When the cursor hovers over the eye it disappears and reveals other content instead. What is the best way to prototype this in Figma? Is there a way to configure the prototype to actually track the cursor position? Or maybe a way to define regions in a frame that, when clicked or hovered, will display a different frame (one that happens to have the pupil pointing at that region? I’m kind of stuck at the beginning on this. Do I need multiple components / variants that show the eye looking in different places or can it be done entirely in prototyping settings somehow?

Here’s a screenshot that shows the sort of thing I’m talking about (we’ve all seen this before I’m sure)… for me it will just be a single eye though (not a pair)…

Best answer by chudoloo

Check out this community file by @Ryan.Jyu:

Figma
View original

3 replies

chudoloo
  • New Participant
  • 35 replies
  • Answer
  • February 22, 2021

Check out this community file by @Ryan.Jyu:

Figma

tank666
  • 4859 replies
  • February 22, 2021

In addition:

Figma

Jake
  • Author
  • 48 replies
  • February 23, 2021

Super Duper! I’ll definitely check these out. Thanks! 😁


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings