Skip to main content

Variable cursor in prototypes


Dave2

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!

66 replies

Phil_Larsen
  • Active Member
  • 130 replies
  • May 13, 2021

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


h.rude
  • 42 replies
  • July 12, 2021

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.


Schiller_Abendzeit

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.


Phil_Larsen
  • Active Member
  • 130 replies
  • July 23, 2021

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


Schiller_Abendzeit

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


Muckaseckel

+1 please. Thanks.


ROB002
  • 7 replies
  • September 2, 2021

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


Vitaliy1
  • New Participant
  • 10 replies
  • September 20, 2021

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

Looking forward to this feature


la_Climent

Would be fantastic! 😍


SohrabNiroo
  • New Participant
  • 188 replies
  • October 5, 2021

HUge need, Web design is so underrated in Figma


Oliver_Nguyen

+100000 It’s helpful for website experience.


Dana4
  • 1 reply
  • December 1, 2021

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


Niclas_Lundberg

This would indeed be extremely helpful! +1 !!


Bryon_Adkins

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.


Manuel_Engler

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


Manuel_Engler

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


Titus_Smith

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.


Emily_Tu
  • 2 replies
  • February 23, 2022

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!


dennsi
  • Active Member
  • 256 replies
  • April 6, 2022

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!


This was a great suggestion! Thanks.

I did the same and just used the “close overlay” link option. I suppose that won’t ‘always’ work, but unless you are IN an overlay, it seems like it would.

Still…get it together Figma! These are basic needs.


Mark_Sharma

Looking forward to this! Sensible defaults would be great when you add an interaction.


Krunal_Patel

Sebastian_Sepulveda_P

would ideal, for example… if you create a disabled button, you can change the cursor to forbidden símbol 🙂


smaul
  • 1 reply
  • May 19, 2022

+1

This would be great!


Scott_Clark

It would also be helpful for making entire components targets to indicate that you can select something without producing a hover state.


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