Food Ordering Mobile App Design in Figma (2020)
ฝัง
- เผยแพร่เมื่อ 27 ก.ย. 2024
- In this Figma Mobile App Design Tutorial, you are going to learn how to design a Food Ordering Mobile App in Figma. Figma is a free UI Design tool used creating Mobile App UI and UX.
Get Figma
👉 hyginusukeh.co...
How to Remove Background from Image in Figma: • How to Remove Backgrou...
IOS Mobile UI Kit:
www.figma.com/...)
Let me know what you think about this video and should in case you have any challenges, let me know in the comment section.
Remember to like, share, comment and subscribe. Also, hit on the notification bell to get notified when I upload a new video.
Subscribe to my channel my liking this link: / @buildingamazingthings
You can also reach me on :
Website: www.hyginusukeh...
Facebook: / hyginusukeh2
Twitter: / hyginusukeh
Instagram: / hyginusukeh
TH-cam: / @buildingamazingthings
~-~~-~~~-~~-~
Please watch: "Figma Web Design Tutorial with Animation"
• Figma Web Design Tutor...
~-~~-~~~-~~-~
I am new to UI/UX. when I saw this video, I challenged myself and started building same as this. I am super excited and happy to learn from your channel. Really loved your work and the brief explanation. Lots of love :>
I actually love your approach to design. I'm new to UI
/UX and I can't wait to start building amazing things!
I'm sure you're building amazing things already by now
@@iwutedivine3907 I'm building lots of Amazing things!
This lovely bro, i am new to UI/UX also but i have been working on Figma before, but this is a next level of innovative designs i would say
Thanks Bro😊
You have an an excellent teaching approach for me.
An additional feature could be subtitles for the hearing impaired. And for you to go back and add this feature to your library.
Thanks
thank you so much for this video!!! i just started using figma yesterday and I find this very interesting. it makes it easy to design products and it somehow unleashes the creativity in you. I loved this video, very explanatory.
You're welcome 😊
Please Whr is the link to the description of mobile ui kit
Loved how you explained reasoning behind certain decisions, thank you for this tutorial!
hey man, this helped a lot! please make more videos of this genre where you are creating other such projects and use advanced tools and designs. this was ah-mazing
More to come!
@@BuildingAmazingThings i cant wait for it
Thank you so much for this tutorial. I was feeling so lost and overwelmed. Thank you for taking the time to explain each step.
You're welcome
thankuuuu so much sir.God bless you
Very Good Tutorial. I learnt figma in 45 mins with this.
Good to know!👍
I really love the way u explain things and break it down to our understanding for we the amateur in ui design. Thank u 🙏🙏🙏
You are welcome 🙏
Can u pls make a tutorial video on how to use mockup for mobile design on figma
Thank you very much. I am starting my UI/UX career with your video.
Best of luck! You are welcome
Hello sir we can make app for you kindly check our latest developed app video to understand th-cam.com/video/BsEEn3WVC4o/w-d-xo.html all details are available in the description
thank you so much, I was able to create this same design from the scratch. thank you, smiles!
Wow. Good to know. Kudos!
Thanks for showing us how to do the hovering effect and the open overlay. I really enjoyed learning these concepts.
I have used your teaching to design this app myself too
Good to know😊
Hi. Thank you for your videos. I made my first app in figma and very proud.
Glad to hear that! Cheers!
This was such a helpful video - you walked through it very well. Subscribing :)
You are welcome.
Pasti orang indo
Thanks for perfect experiance. It was my first project, and I will share it on Linkedin. I will check your whole TH-cam videos
You sound like a Nigerian. It would be so nice if I have you as my mentor sir.
Yes I'm Nigerian! Contact me on Instagram @hyginusukeh.
I learnt a whole lot in this video. Thank you. Though it's not in this video I'll like to know how fade in and out, an image in figma. To indicate a scrolling. If you've made a video on this, kindly share the link to it.
Thanks for your lessons. It’s really helpful for me. Especially animation
Glad it was helpful!
Nice Brother I'm from India and watching your videos to make examples of apps it's so useble for me thanks brother again
Interesting. Thank you for stopping by.
Hello sir we can make app for you kindly check our latest developed app video to understand th-cam.com/video/BsEEn3WVC4o/w-d-xo.html all details are available in the description
After Watched this video I have an idea to make the app
Great 😊
I learnt so much in just one video, thank you
I'm glad you did😊
For those of us that are just new to mobile design, How do we activate those components to work, e.g. The time, battery status and signal strength. You are a Pro in designing. I will love to see the coding side of this design where it works with the design.
Good question! I will soon work on a video to show the actual coding design.
Your are awesome. You made it so simple to watch as well as to do stuff on the figma. Really looking forward to watch your videos and learn from you. Thank you for making videos. Keep going😎😎
Glad it was helpful!
Thank you for this awesome tutorial
You are welcome
your video lacture is very nice and good keep it up
Thanks Adimike😊
Thank you for this great work.. I'll love to see the coding part of this design how it works with the design.
I LOVE THIS MENTOR🥰💯
Thank you Kelechi!
You are awesome,I repeat you are awesome. Keep posting amazing videos like this
Thanks
You are great, I have permission to save and permission to study
Thanks!
Sure!
Very easy expiration, thank you so much.. from india 👍
You are welcome
I learnt a whole lot in this video. Thank you. Though, it's not in this video, I'll like to know how to fade in and out an image in figma to indicate scrolling. If you've made a video on this, kindly share the link to it.
Thank you for your video! (from Russia ♥)
You're welcome Jenia😊
This tutorial was interesting to watch and very insightful as well, I gained a whole lot. Thank you.
Good to know
You're welcome
hi
hell yeah m8! keep at it!
Thanks
I had no choice but to subscribe and turn on the notification!.. This is really great.. Thank you!
Thank you very much
Hello sir we can make app for you kindly check our latest developed app video to understand th-cam.com/video/BsEEn3WVC4o/w-d-xo.html all details are available in the description
Very great tutorial from start to finish. Thanks a lot 👏👏👏
You're welcome
Thank you. This is a huge way to build my portfolio. i have a question sir. How do you know what page and what button, what item should be present in your design?
Great Video man Love it,, but there should be somethings added like how to copy and other staff that you said but didn't show how to do.
Thanks.
Thanks for the idea!
Hello sir we can make app for you kindly check our latest developed app video to understand th-cam.com/video/BsEEn3WVC4o/w-d-xo.html all details are available in the description
you are a professional
Thanks!
you are awesome! I have been inspired a lot by your tutorials. Thanks!
Thank you!
Glad to be of help!
Hello sir we can make app for you kindly check our latest developed app video to understand th-cam.com/video/BsEEn3WVC4o/w-d-xo.html all details are available in the description
You are so helpful man! we appreciate all you do !!
You are welcome
hi I'm new on UX/UI design, i just wanna ask u.....how about pages of (contact us, settings....) have I designe them too with their details ????
Very nice !! I like your content. Keep it up !!! Love from Romania!!!!
Very educative indeed.....But tell me, are these apps monetized? and How is that attained
I don't understand the question
Hello please can you do video about how to create drop box and click interactions on figma and also how to add things to your catalogue, complete order and check out when designing a food ordering app. Thank you 🙏
Will look into it
Thanks
@@BuildingAmazingThings thank you ☺️
This was a damn good tutorial for a newbie. From the end of the wireframe/mock-up/design how do you get it to iOS & Android????????
A mobile developer will build the app with the design.
@@BuildingAmazingThings Watching your videos and being able to do photoshop, etc I learned how to do the design. Everything after that eludes me. Lol.
Thank you for this content. I have been learning for a while but the value I got here is massive.
But you didnt design the payment setup, any help on that please?
I love what you did with that button hover effect i will be sticking to that note.
nice one as always this channel is a gem. I do know if you can keep sharing your figma files for view only model.
Yes, of course
Hello sir we can make app for you kindly check our latest developed app video to understand th-cam.com/video/BsEEn3WVC4o/w-d-xo.html all details are available in the description
If you have two items in the Cart then minus button should be enabled too.
Thanks for the feedback
thank you for this tutorial! it is so insightful and easy to understand 😊
Your tutorials are just the best and detailed I would Love to be mentored by you any Means to contact You ?
Thanks
Great content. I love your detailed explains and focusing. Keep with these blessed tutorials and content especially that kind where you design a web/app and explain every act.
And question: Where can I find another structures for designs like this?
Thanks for the nice feedback. Please can you explain to me what you mean by structures ???
Please where is the web app video... would love to watch it...thanks
very awesome tutorial
Thank you!
excellent tutorial
Thanks
super! you offer great value making it simple and fun to learn and practice. thank you!
You're very welcome!
I done myself with your instruction thank you
Hey I'm struggling with designing quickly and consistently. Mainly it has to do with padding and spacing between UI elements. I know figma very well but it takes forever to have it look clean. Do you have a general spacing rule that you use to make this effortless
Trying using auto layout
please sir give your images in the link because i am learning based on your vedioes
Great design, thanks for sharing ❤️
You're welcome
Bro plz tell figma to flutter ui
plz make video
I don't think I will make that soon. Finger crossed
Plz tell how to convert figma to flutter ui
Finger crossed. I will get back to you
why don't you use auto layout, Resizing and constraints tools of figma? also why didn't you define colors and fonts in design styles?
Good observations. I used all of that in some of my videos. Once I’m working on a full project I make sure I use all of that because it makes life easier in large projects.
@@BuildingAmazingThings okay, please make a video on how to design apps using design systems in Figma
Alright
How to import it to Android Studio?
looks great! loved the tutorial. would just love it if u could every so often, show the distance of objects from other ones. thanks.
Thanks for the feedback
Can we our export and publish our project from figma to playstore for example ?
Thanks man I wish you could do a full video of a real life app like with profiles login accounts e.t.c that would be helpful
Hello sir we can make app for you kindly check our latest developed app video to understand th-cam.com/video/BsEEn3WVC4o/w-d-xo.html all details are available in the description
Thanks for this video.... It real help alot
amazing videos mate. just wanted to know as a ui/ux designer can i use ui design kit for my projects?
Yes you can
Hello sir we can make app for you kindly check our latest developed app video to understand th-cam.com/video/BsEEn3WVC4o/w-d-xo.html all details are available in the description
Thanks for your lessons. I am learning UX thru your videos. How did u or where did u downloaded the masked food plate in your splash screen frame. I masked the food bowl image in separate figma window. Now its saved in backed file . Plz reply
Do you have a business where you charge for UX designs ? if so please provide infos on cost. Thanks.
Hey, great video, but every time I try to access the link to the ui kit the website froze. Any way this can be rectified? Thanks
Update: Great video and was looking forward to following it step by step but unfortunately I've wasted a great amount of time trying to get to the ios mobile kit. :( I hope it gets rectified. I'll stop with this tutorial for now and watch your other videos then. Keep on sharing the good knowledge my brother!
Can you make more pages so we will understand the Informational Architecture?
Maybe next time I will do that
Nice work. Can we get videos on web design?
Checkout my channel for more videos on web
You need to make your designs responsive. I don’t have a video on this yet.
I will notify you once I create a video on that.
Bro can i make the same app for Android and ios both
Great work, one question, how do i add more pictures(like 10) in a page?
Kindly watch this video to know more : th-cam.com/video/GPMcf67ZGBo/w-d-xo.html
Please sir share the link on UI kit design
Please how did you get your webkit?
Where is the link for the mobile kit?
Amazing sharing man!!! Thank you so much
You're welcome!
so helpful thank you so much
Please i need the link 🔗 to the mobile ui kit, please help me
You’re doing good man.
*Great Job Mate, you won't believe I am learning a great deal despite prior experience, Love the background music, can you please attribute me the source?*
I’m glad you are learning from this.
You have helped me a great deal thank you so much
thank you very much love this man...
it's a nice video but you forgot to give link to download asset image
Hey can we get XML files from these designs for android ?
I haven't gotten to know of this yet. If I found out, sure I will let you know.
Just copy all the images and export them to drawable folder of Android studio project....
Thank Hannah for the response
Hi, I just want to say you’re doing an amazing job… your content is very interesting and the fact that you explaining while tutoring and not just do your thing.. I’ve watched almost all your TH-cam videos and this has helped me shaped my figma journey… thank you so much, and please keep explaining while tutoring…Good work!
Sure I will😊
Thanks for the awesome feedback
Nicely done , color combination at its best
Thanks
are you on dribbble ?
Yes. But I’m not active there.
@@BuildingAmazingThings ok , i thought your design must be there 😋
But I soon start putting things up there.
this a very nice video
Many many thanks 😊 🤩
Great tutorial.. thank you so much
Thank you very much for this wonderful video.. I have a question to ask.. Please how do I gain access to the mobile ui kit ... I mean, access to edit it
Check on figma community. It is free
Hello sir we can make app for you kindly check our latest developed app video to understand th-cam.com/video/BsEEn3WVC4o/w-d-xo.html all details are available in the description
This video is very useful thanks a lot
So nice of you
Hover effect on mobile ??
Disregard please. I was trying to do something
so great. thanks a lot. so practical and useful
Great job.
Looks awesome. I subscribed
Awesome thank you!