Commerce & payments

Add to cart flows from real apps

Every add to cart flow we have rebuilt, as a row of numbered screens with the transition between each step. Open one to play it through and import it into Figma.

3 flows from 2 apps

Add sunglasses to bag on Shop

Play all 19 steps

1
Sheet
2
Tap Sort
In-place change
3
Select price
Dismiss modal or sheet
4
Tap Done
Sheet
5
Tap filter
In-place change
6
Dismiss modal or sheet
7
Tap Done
In-place change
8
Scroll
+11 more

Customise and add a drink to basket on Uber Eats

Play all 13 steps

1
Tap store
In-place change
2
Scroll
Modal
3
Tap item
In-place change
4
Select size
Push
5
Tap Milk
In-place change
6
Select oat
Back
7
Tap Done
In-place change
8
Scroll
+5 more

Customise a meal on Uber Eats

Play all 7 steps

1
Modal
2
Tap item
Back
3
Tap combo
In-place change
4
In-place change
5
Scroll
In-place change
6
Scroll
In-place change
7
Scroll

Try an editable clone in Figma

Install the free plugin and import 5 screens from any paid clone, or take the whole WhatsApp clone free.

Try 5 screens free in Figma Browse the clones

Not affiliated with, endorsed or sponsored by the companies whose apps we recreate. Their names and logos are trade marks of their owners. Recreated for design reference and education. Rights holders: contact us