Food ordering mobile apps design in Figma UI/UX (Wireframe, prototype) Figma tutorial

Food ordering mobile apps design in Figma UI/UX (Wireframe, prototype) Figma tutorial

HomeDS CODEFood ordering mobile apps design in Figma UI/UX (Wireframe, prototype) Figma tutorial
Food ordering mobile apps design in Figma UI/UX (Wireframe, prototype) Figma tutorial
ChannelPublish DateThumbnail & View CountDownload Video
Channel AvatarPublish Date not found Thumbnail
0 Views
Welcome to our latest UI/UX design video! In this step-by-step tutorial, we'll walk you through the process of designing and prototyping a food ordering app in Figma, the powerful design tool loved by designers around the world. The app features a user-friendly interface, intuitive navigation and a visually appealing design that makes the ordering experience seamless and enjoyable. This app is designed to help users order their favorite food in a simple and intuitive way.

This video is perfect for anyone interested in mobile app design or looking to improve their Figma skills. Geared for both beginners and experienced designers, our tutorial provides valuable insights into the world of app design. Don't miss this opportunity to learn new skills and take your design projects to the next level.

Figma is free to use: sign up now! (free files)
https://psxid.figma.com/dkbklpwripx3

Timestamps:
00:00 – Introduction
02:14 – Designing the homepage
28:05 – Designing the first food product page
43:44 – Design of the second food product page
46:02 – Design of the third food product page
48:08 – Design of the fourth food product page
50:56 – Customizable page design for food
1:09:44 – Design payment page
1:23:38 – Design of pop-up messages
1:28:52 – Designing the user profile page
1:43:24 – Design customer support page
1:56:04 – Splash screen design
2:04:38 – Prototyping the app
2:23:00 – Testing the prototype
2:24:02 – Create animation for floating button
2:28:52 – Create hamburger animation
2:38:44 – Create payment methods to choose from
2:44:18 – Animate the user page image
2:51:40 – Create animations for messages
2:57:20 – Outro

Don't forget to like and subscribe for more UI/UX design tutorials!
SUBSCRIBE to our channel: www.youtube.com/dscodetech

More design tutorials:

Shoe app UI/UX design in Figma: https://youtu.be/c8BKlgQ1JjU
Cake app design in Figma: https://youtu.be/FIRVyS6zsFQ
Coffee app design in Figma: https://youtu.be/S8o2ObfX7QE

FREE Source File (Food App UI Template)
https://bit.ly/20UITemplate

Also, share your thoughts and questions in the comments below. I would like to help you!

Say hello on social:
Facebook – https://bit.ly/36KsK8X
Instagram – https://bit.ly/3xGDbXR

#figma #uiuxdesign #appdesign

Please take the opportunity to connect and share this video with your friends and family if you find it helpful.