Variable cursor in prototypes

Currently, in prototype the cursor appears to be either ‘pointer’ (for everything) or ‘hand’ (if a click interaction set up on an element). I would like to be able to change this to a text cursor, when hovering over an input field in my proto. Affordance is a very important part of UI so surprised theres no way to do this? Of course can hack it by adding an image of a cursor, but then you end up having that plus the actual cursor on screen & it makes things worse. Should be an easy feature to add and would be very much appreciated!

45 Likes

This would be huge. I have been working on projects that rely on cursor changes on hover.

9 Likes

Agree. It feels like most prototyping tools are optimized for mobile where no hover effect exists - but there are still a lot of desktop applications in the world that rely on hover + cursor change. This would be really huge I even would like to have a fully customizable cursor.

9 Likes

Is it possible to change the cursor entirely and apply color blending effects? For example: Turing the cursor into a circle which wherever it hovers above has the complementary colors shown.

3 Likes

Not currently, but these types of enhancements are what we’re talking about!

2 Likes

Yes. I was just wondering if there’s a way to go around this. Hopefully they’ll consider adding this very soon.

3 Likes

+1 please. Thanks.

1 Like

This will definitely be a great addition and will allow clickable areas to be easier to discover.

5 Likes

+1
it’s definitely very useful and more than useful for desktop software prototyping

Looking forward to this feature

Would be fantastic! :heart_eyes:

HUge need, Web design is so underrated in Figma

3 Likes

+100000 It’s helpful for website experience.

This would be so helpful! Agree with Sohrab that web design features are often overlooked.

This would indeed be extremely helpful! +1 !!

I needed a hand cursor for hover effects for component variants so I added an on-click with open link action for a work around.

+1 Yes please! So urgently needed! I am really wondering why this is not implemented yet, feels like very basic to me.

Hi Bryon,

was thinking the same but cannot manage it to work.
If I try it I have to give the “open link” a link target (which is missleading because of course the user should not be able actually click and open whatever link), otherwise the cursor will not change. Am I missing something?

Would you mind explaining how you have achieved that?

Thanks in advance & Cheers,
Manuel

I’d love to have a custom cursor while prototyping.

Maybe whenever a user wants to explore various hover states, they could have the cursor change. That way when things are clickable, etc we could explore a more realistic interaction within a custom website UI.

Taking it a step further, it’d be cool to have the ability to see the cursor change in real time whenever prototyping. Right now the burden is on the interaction/animation to tell if something is working. Even just having the arrow / finger setup would be more indicative than the touch ball thingy.

Another +1! Would really love this feature to be added. I’m working on a site with a simple image gallery/slideshow and wanted to have the cursor change to a custom arrow cursor on hover. Hopefully this will be implemented soon!

Here’s my +1
A set of default cursors to chose from and the ability to include a custom cursor would be absolutely nuts. Yes please!

1 Like