Design Food Delivery App on Figma From Zero to Hero - Mobile UI/UX

Figma is a great tool to design on the go with professional tools included and awesome plugins that allows you to design next-level prototypes, so in this video, we will use Figma to Design a Full Food Delivery App from scratch and prototype it to be a mobile-ready prototype. You will learn best practices of mobile design and how to choose colors, we will also cover how to get the most out of the mobile screen and fill the empty gaps with useful small UIs that make the user more comfortable using your app. ⭐ Timestamps ⭐ 00:00 Getting started and What we are going to create 00:01:33 Assets that we will use and iPhone Frames 00:04:02 Setting up the Getting Started Page 00:08:41 Add Random Background Patterns 00:13:00 Create an Attractive Intro Card 00:21:16 Create Food Delivery Home Page 00:28:48 Show different types of food (Categories) 00:36:13 Add Popular Food Menu 00:46:09 Add Main Food Menu Button 00:48:22 Creating Food Item Buy Page 00:51:29 Add centered Title and Food Image 00:57:16 Allow user to select different Pizza sizes 01:01:47 Show detailed info (Rating, Delivery time...) 01:04:58 Making a Nice "Add to Cart" Button 01:07:13 Add Mobile Standalone touch 01:09:33 Link Screens together using Figma Prototyping tool -- Special Links ✨ Join Figma for Free and start designing now! https://psxid.figma.com/69wr7zzb1mxm 👉 ✨ Join Figma For Professionals And Start Designing with your Team ✨ https://psxid.figma.com/ucwkx28d18fo-cb44ct ⭐Grab the Full Figma Design File: https://www.figma.com/community/file/1029185902903782315 Design Inspired By: https://dribbble.com/shots/15558045-Food-Delivery-App-Design 🧭 Watch Tutorial on Designing the website on Figma https://youtu.be/SB3rt-cQZas 🧭 Watch Create a Modern React Login/Register Form with smooth Animations https://youtu.be/-bll7l-BKQI 🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools https://youtu.be/_rnxOD9NKAs 🧭 Master React Like Pro w/ Redux, Types