Prototype creates tappable areas to go back/forward when running on mobile

When using the prototype on mobile, Figma adds tappable areas that go back (half left side of the screen) and forward (half right side). That means that any accidental tap on the screen makes the user go back/forward.
This only occurs on mobile, Android and iOS (Chrome, Safari and Figma App). The prototype works fine on desktop (from the Figma app and any browser).

Any tip to fix this?

Hey @Valeria19, thanks for reaching out and sorry for the confusion!

This is an expected behavior on mobile, since we intuitively draw prototype flows, based on top left to bottom right when there aren’t any added interactions to a prototype.

It’s intended to only help users advance/go back on mobile devices.

2 posts were split to a new topic: Option to disable tapping navigation on mobile

I’m not sure if it is what you’re looking for, but I faced the problem that all my screens of mobile app are simply from one to another by tapping on the sides (same as by arrow keys) and this option “Disable keyboard navigation” is not the solution cause you still able to see all the screens.

I was messing around with the some options and I FOUND THE SOLUTION. You need to create Flow! Select the first screen, on the panel click + on the Flow starting point and voila!

I think the main logic of the Figma is to navigate through the screens in Prototyping just to be able quickly inspect some stuff without hopping back to Design file, but if you want to have strict direction from one screen to another as you see it by your site map, you need create Flow, that disable this navigation feature.

Слава Україні!

2 Likes

This is really bad idea. This makes impossible to share prototype with a client and follow the flow or to do the user testing. Since when is Figma trying to be PowerPoint? Please stop doing this.

1 Like