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!
[ Ссылка ]
👉 ✨ Join Figma For Professionals And Start Designing with your Team ✨
[ Ссылка ]
⭐Grab the Full Figma Design File:
[ Ссылка ]
Design Inspired By:
[ Ссылка ]
🧭 Watch Tutorial on Designing the website on Figma
[ Ссылка ]
🧭 Watch Create a Modern React Login/Register Form with smooth Animations
[ Ссылка ]
🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
[ Ссылка ]
🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
[ Ссылка ]
🧭 Learn Redux For Beginners | React Redux from Zero To Hero build a real-world app
[ Ссылка ]
🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
[ Ссылка ]
🧭 Introduction to GraphQL with Apollo and React
[ Ссылка ]
🐦 Follow me on Twitter: [ Ссылка ]
💻 Github Profile: [ Ссылка ]
💡 My Blog: [ Ссылка ]
Made with 💗 by Coderone
Ещё видео!