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?
Best answer by djv
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.
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.
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.
Слава Україні!
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
