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!
Page 2 / 3
+1 - would really love this feature, to properly mimic browser behavior - ie. when hovering disabled buttons.
+1 This would be a really nice-to-have feature! Even adding the disabled cursor for “disabled” elements would be fantastic.
Agree. I was also looking for that feature.
+1
+1 I’d also appreciate this a lot
+1, really would be helpful for evaluating microinteractions.
I just went back into Figma to see if this was possible, and was disappointed it was not 😦 This would be super useful.
Just the thing I need right about now - @Figma_Support please make it possible.
Or ist there a work around like image follow cursor or something?
Thank you 🙏🏽
+1 Would love to have this functionality.
There are basic interactions that I can’t mimic in prototypes like hovering on disabled buttons/fields and clicking into a text input field. It would be nice to control the cursor state to build these affordances in at the prototype level and to better help convey the actual interaction while in user testing.
Please add this! 🙏🏽
It’s a very flawed assumption that everything clickable should get the finger pointing cursor 👆🏽
Please add!
+1 Please add this. It will make prototypes feel more realistic for certain interactions.
It is VERY HARD to run UX testing and research without the ability to change the cursor on hover for key capabilities like drag and drop, click-drag to change size, etc. It also makes it difficult to communicate visually with developers about the desired cursor interactions.
Jesus yes. +111111
Uhm… how is this not in Figma yet… coming from April last year… a toggle… cmon figma…
Hey happy folks!
Have you tried with Spline combined with Anima plugin?
You can have this hover effect, at least for illustrative purposes and get super creative with it. At least until Figma adds this, which I do feel could be super handy.
Here’s a video that explains Spline. I have no affiliation with any of these apps or video creator 🙂
+1 - would love to be able to change the cursor. I find that during UR, users scan the page and more easily find the clickable areas in the prototype, because the cursor is changing.
I currently consider this a confound in our UR - I have been trying to add more clickable areas to represent reality more, but it makes prototyping much longer.
Adding other existing ideas to this thread. We often show desktop and mobile prototypes in the same page and therefore do not set any device type, just the max height. This results in mobile prototypes being shown to clients with a desktop cursor which is not very realistic…
+1!! I have solid need for: upon click → change mouse cursor to custom cursor
Adding to the thread – I’m looking to record a prototype demo showing a mobile app concept, so I need the touch indicator cursor, but I’d prefer not to use a phone frame to keep it independent of any specific device. (The Android Large frame is actually pretty generic, but all the device frames require a device-specific frame size and aspect ratio.)
This appears to be a pretty standard ability among other prototyping tools, so it would be nice to see Figma fill this gap.
Meanwhile, it would also be good if Figma can let us choose the right cursor pointer in prototype player. Having an arrow pointer for phone/tablet/touch-device mocks is unnatural. Principle has circular tap cursor.
+1 Looking forward to this hopefully being a thing!
This would be helpful, I add the device frame later when I’m making video mocks.
The way I get around it now is by setting a touch device (in prototype options) that’s too large for the design. So I get the touch cursor, but without a device eating into my screencap.
need this feature!
+1 - custom cursor would be great!!!
This is especially important in prototypes as default behavior for some controls should change the cursor (i.e. buttons should be arrows, not hand pointers)
— Figma \+ Spline | Design Weekly|Amazing Cursor Follow Animations in Figma!