Allow Hover AND Click together

This sounds promising! Any way you could upload the video someplace else and link to it? Thanks!

I don’t argue it is possible. It is! But it’s only possible by some workarounds (or within a component) while it’s one of the most common patterns in desktop apps.

This is a no brainer IMO I blame Adobe 😜!

+1

Can someone from Figma team take a stab on this?

Just ran onto this… don’t know if anyone said this because I didn’t read the whole thread, but this is how I it can be solved:

I need an icon to display a hover tooltip and lead me to another screen. I put that icon within a frame. Now the icon triggers the tooltip, and the frame has the click action to the other page.

It gets a bit weird when navigating the prototype, because the click on the actual icon does nothing, but if you move it aside still in the frame area, you can click and go to the other page.

Figma is giving everything except for the deal breaker feature like this one. Sometimes I feel Adobe XD did quick prototyping better than any other design tool.

Bumping this thread. Any work arounds? We ran into the scenario where we had user testers accessing prototype links from both desktop and mobile devices. Check boxes component for example: hover state interactions work fine when prototypes are accessed with a mouse, but not from mobile devices.

Since there are no hover states on mobile devices the interactive component allows either “hover” or “on click” but not both. The only work around I’ve seen so far is to create separate variants for both mobile and desktop applications (removing hover state interaction from mobile component/variant). Trying to avoid adding extra component maintenance.

Hey @Tron, thank you for reaching out! Unfortunately, it’s not possible to hover on mobile, this behaviour is expected. We don’t convert hover behaviour to tap/click when you view the prototype on mobile.

As an alternative, you can create a version of the prototype with interactions that are compatible with mobile. You can add another “While Pressing” interaction to this group in addition to the hover interaction, which should make the area tappable on mobile while still functional with hover on desktop.

Hope this helps! Please let me know if you have any further question.

Posting this in case it helps others. Found a work around or intended solution for interactive component paths using “mouse enter” instead of hover. Mouse enter and leave seems to work well when combined with “on-click.” We can now access prototype links from both desktop and mobile devices without the interactions conflicting with each other.

Im starting to lose my confidence in Figma… stuff like this, a simple prototype action, that gets blocked by a hover state… prototyping over multiple pages… all such basic functionality… and there are 0 moderators here that can give us some clarification, about how the roadmap is looking, and where these features will be on the roadmap. And im not the only UX’er thinking this. Terrible support of Figma.