Skip to main content
vinicius.tinte
New Member
October 2, 2026
Question

Prototype interaction areas are misaligned and moving away from their linked elements

I’m experiencing a prototype interaction bug across multiple Figma files.

The visual elements remain in their correct positions, but their interactive/click areas are being automatically displaced or repositioned, causing the hit areas to appear somewhere else on the canvas.

For example, in the attached screenshot, the Delete icon and Continue button are visually positioned correctly, but their corresponding blue interaction areas are significantly offset from the actual elements.

This seems to happen with elements that have prototype interactions linking to another page/frame. The interaction areas appear to move or scroll independently from the elements they are supposed to be attached to.

Expected behavior:
The interaction/click area should remain aligned with the corresponding element and move together with it.

Actual behavior:
The interaction area becomes displaced from the visual element, sometimes appearing in a completely different position within the frame.

This issue is occurring across multiple files, so it does not appear to be isolated to a single prototype or file.

Example:
The screenshot shows the visual position of the Delete and Continue elements versus their displaced interaction areas.
 

 

Could you please investigate whether there is currently an issue with prototype interaction/hit-area positioning or scrolling behavior?

8 replies

adamsmasher
Figmate
Figmate
October 3, 2026

Thanks for your post, ​@vinicius.tinte. It’s pretty clear how this makes a prototype difficult to use.

 

I have a few questions that will help us figure out what might be happening:

  • Are you using responsive scaling in the prototype viewer, and does the offset start after dragging with the middle mouse button, scrolling, or clicking an interactive component?
  • Does zooming in or out affect or change what you see?
  • Are you using the desktop app, a web browser, or both?

 

Thanks!

vinicius.tinte
New Member
October 5, 2026

Hi ​@adamsmasher 

Yes, I am using the scaling (responsiveness) feature in the prototype viewer.

The shift occurs after dragging with the middle mouse button or scrolling. It does not happen when clicking an interactive component.

Zooming in or out does not affect or change what I see.

I am using Figma in a web browser.

Lulu C
New Member
October 9, 2026

Coming to say this has also been happening to me for the same reasons. It happens on the web browser and on the figma app, after scrolling or dragging with the middle mouse button. It only happens with responsive scaling.

Jaycee Lewis
Figmate
Figmate
October 9, 2026

Hey ​@Lulu C do you have a screen recording of this happening start to finish? That would be helpful. Thank you! — Jaycee 

Silver
New Participant
October 13, 2026

Same bug here with responsive scaling. Happens on web browser, but not on desktop app (PC).

Jaycee Lewis
Figmate
Figmate
October 14, 2026

Hey ​@Silver 👋 Could you share a quick GIF or screen recording of the issue happening? I can take that along with your specific details and get this on to support. Same for you ​@vinicius.tinte, if the issue is still occurring, I’ll get this filed today. Thanks! — Jaycee

yida
New Member
October 22, 2026

I’m facing the same bug, in my case the clickable area can be scrolled (but the actually button is not scrollable and visually act normally), my control is nested in the slot of an instance of a component, I found that once I detach the instance from the component, the bug disappear. So I believe that’s something with the slot feature in components.

Jaycee Lewis
Figmate
Figmate
October 23, 2026

Hi, ​@yida 👋 Thanks for your reply. Does your issue involve responsive scaling? That seems to be the common thread with the other folks who responded here. If not, we can handle yours as a separate. but related issue. Talk soon! — Jaycee