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!

68 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
  • New Member
  • 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
  • 11 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.


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