Skip to main content
March 9, 2023
Question

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

  • March 9, 2023
  • 8 replies
  • 52317 views

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

This topic has been closed for replies.

8 replies

tank666
March 9, 2023
UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
March 9, 2023

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

April 20, 2023

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

June 7, 2023

Thanks a lot. That’s great…

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.

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!

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
New Member
February 26, 2025

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