Skip to main content
Solved

Swipe in a specific direction in a prototype?

Jake

Explanation / Requirement

I have a mobile design that I want to use swipe navigation.

Site Map…

Pages

So, basically, If you swipe left you go to the Resources page, right and you go to the About page, down and you go to the Listening page, or up and go to the Upcoming page.

I didn’t think Figma could do that but I found this video that seems like the guy is doing it - just that I can’t make out what he is actually doing (ie: layers, grouping of layers, locking, etc) to achieve his results.

Tinder Card Swipe | Figma Advanced Prototyping

Is there some way to prototype swiping in a specific direction?

Best answer by tank666

In the description of the video there is a link to a file that you can duplicate and see the prototype settings.

View original

2 replies

tank666
  • tank666
  • 4863 replies
  • Answer
  • May 30, 2021

In the description of the video there is a link to a file that you can duplicate and see the prototype settings.

UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank666
Jake
1 person likes this
  • Jake
    Jake
Jake
  • Jake
  • Author
  • 48 replies
  • May 30, 2021

Thanks! I managed to figure it out. There was something I couldn’t understand. I didn’t see how Figma would limit the swipe to only one direction (I thought it wouldn’t matter what direction you swipe and it would perform the action). As it turns out I was wrong. It has a little setting for the connection where you can select up, down, right, or left and then it won’t let you swipe the wrong way.

Figma

Jake

Marawan_Elfawal
1 person likes this
  • Marawan_Elfawal
    Marawan_Elfawal

Reply


Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings