Skip to main content
Question

How to change the look of mouse cursor in figma prototype?


I am looking for a way to change the look of the mouse cursor form an arrow to a circle (more like a formal mobile presentation), but I couldn’t find an effective way?
Any one can help me out here??
Thanks

8 replies

tank666
  • 4857 replies
  • March 9, 2023

Thanks, that helps:)
Definitely a feature should be raised up


Thanks! I could help a fellow student with this…and me of course, cause I couldn´t remember that! 😁


Thanks a lot. That’s great…


  • 4 replies
  • January 23, 2024

For those in a bind when recording a prototype, I found a work around. Download the chrome extension “Cursor Helper” and use the “upload cursor” functionality to upload a transparent png with this graphic.

If the link isn’t accessible, it’s basically:

  • 56x56px frame
  • 46x46px circle: #D8DADA, 50%
  • Dropshadow: x=0, y=5, blur=5, spread=-2, #00000=25%

Once you’re done and it’s turned on, just get the prototype URL using the ‘share’ button and paste into chrome. Voila, circle ‘touch’ cursor for your video.


  • 1 reply
  • February 15, 2024

Thank you so much! I spent 2 days, still couldn’t find a way to showcase the protoytpe without the background (recording a video), or with the white circle (gif adding a mockup png), now I feel so relieved!


  • 4 replies
  • March 6, 2024

I totally get that! It took me a couple days to think of a work-around so I wanted to share it.


Erick Custodio

Is it still working? i cant manage to get it right, it just shows up on clickable buttons but not on top of the actual prototype, heeelp


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