Skip to main content
Solved

Is there a way to prototype swipe left to delete?


george_ramirez

im doing a prototype for a new feature in stitch fix as part of a class project. i’d like to build a prototype where user SWIPE LEFT to delete items and SWIPE RIGHT to add an item. is there a way to do this? 😦 i need to figure this out in the next week, aaargh.

thks so much anyone out there that has an idea of how to do it if IT IS possible.

Best answer by ntfromchicago

So when you swipe left or right, do you mean:

a) Swipe and the product tile moves off the screen
b) Swipe and the tile stays in place but shows something new

Both are possible but a) would be quite difficult/challenging to set up if you were going to try and demo all the tiles. If just one or two as an example, maybe a little easier.

b) is definitely doable. If you have access to the interactive components beta, definitely much easier.

LMK if that helps you at all or not.

View original

4 replies

K.ian
  • 27 replies
  • April 14, 2021

As far as I know, no, there is not. The closest thing I could think of would be to use an overlay.


Good luck with your class project!


ntfromchicago
  • New Member
  • 287 replies
  • Answer
  • April 15, 2021

So when you swipe left or right, do you mean:

a) Swipe and the product tile moves off the screen
b) Swipe and the tile stays in place but shows something new

Both are possible but a) would be quite difficult/challenging to set up if you were going to try and demo all the tiles. If just one or two as an example, maybe a little easier.

b) is definitely doable. If you have access to the interactive components beta, definitely much easier.

LMK if that helps you at all or not.


george_ramirez

gotcha! actually just 2 tiles and that they dissappear would be great 👍


ntfromchicago
Figma – 21 Apr 21

Since it’s just two tiles (and I presume you can choose which two to do) you can use the drag trigger with a magic animation transition to simulate the use case you’re going for. Best of luck!


Reply


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