Skip to main content
Mar 9, 2023 5:00 AM UTC
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

This topic has been closed for replies.

8 replies

tank666
Mar 9, 2023 11:40 AM UTC
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
Mar 9, 2023 12:10 PM UTC

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

Apr 20, 2023 3:53 AM UTC

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

Jun 7, 2023 11:20 PM UTC

Thanks a lot. That’s great…

Jan 23, 2024 5:30 PM UTC

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.

Feb 15, 2024 6:34 AM UTC

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!

Mar 6, 2024 11:02 PM UTC

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
Feb 26, 2025 9:32 PM UTC

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