Food Ordering Mobile App Design in Figma (2020)

Поділитися
Вставка
  • Опубліковано 20 лип 2020
  • 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.com/figma
    How to Remove Background from Image in Figma: • How to Remove Backgrou...
    IOS Mobile UI Kit:
    www.figma.com/file/fdby8SbE94...)
    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.com
    Facebook: / hyginusukeh2
    Twitter: / hyginusukeh
    Instagram: / hyginusukeh
    UA-cam: / @buildingamazingthings
    ~-~~-~~~-~~-~
    Please watch: "Figma Web Design Tutorial with Animation"
    • Figma Web Design Tutor...
    ~-~~-~~~-~~-~
  • Наука та технологія

КОМЕНТАРІ • 524

  • @vidyab4400
    @vidyab4400 Рік тому +9

    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 :>

  • @OMG_its_Trivium
    @OMG_its_Trivium Рік тому

    Great step by step guide, I'm not even half way and there's so much value in this video. Thank you so much for putting it together.

  • @adedoyinmary7480
    @adedoyinmary7480 2 роки тому +6

    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 UA-cam videos and this has helped me shaped my figma journey… thank you so much, and please keep explaining while tutoring…Good work!

  • @emilywu7427
    @emilywu7427 Рік тому +1

    Loved how you explained reasoning behind certain decisions, thank you for this tutorial!

  • @LauraLopez-we4mg
    @LauraLopez-we4mg Рік тому

    Thanks for showing us how to do the hovering effect and the open overlay. I really enjoyed learning these concepts.

  • @chukwudinnodim5384
    @chukwudinnodim5384 2 роки тому +13

    I actually love your approach to design. I'm new to UI
    /UX and I can't wait to start building amazing things!

    • @iwutedivine3907
      @iwutedivine3907 Рік тому

      I'm sure you're building amazing things already by now

    • @chukwudinnodim5384
      @chukwudinnodim5384 Рік тому +1

      @@iwutedivine3907 I'm building lots of Amazing things!

  • @MissPinaii
    @MissPinaii Рік тому

    This was a great tutorial to follow along and complete. Thank you!!

  • @shahmuradmammadov1424
    @shahmuradmammadov1424 2 роки тому

    Thanks for perfect experiance. It was my first project, and I will share it on Linkedin. I will check your whole UA-cam videos

  • @borcanucufursecuri7580
    @borcanucufursecuri7580 Рік тому

    Very nice !! I like your content. Keep it up !!! Love from Romania!!!!

  • @Kayleeeeeeeeeeeeeeeeeeeee
    @Kayleeeeeeeeeeeeeeeeeeeee 2 роки тому

    Thank you so much for your video! It's awesome, I haved learnt a lot!!!

  • @bananachips5748
    @bananachips5748 3 роки тому +5

    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

  • @RJRavi
    @RJRavi 2 роки тому

    Very much informative. Subscribing you with bell icon right away brother. Thank you so much and big hug to you. Love from India.

  • @rohitgadgil5701
    @rohitgadgil5701 3 роки тому +1

    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😎😎

  • @nabeela298
    @nabeela298 3 роки тому +7

    This was such a helpful video - you walked through it very well. Subscribing :)

  • @RitmoFullDance
    @RitmoFullDance 3 роки тому +1

    super! you offer great value making it simple and fun to learn and practice. thank you!

  • @mojisolaotusheso8135
    @mojisolaotusheso8135 Рік тому

    thank you for this tutorial! it is so insightful and easy to understand 😊

  • @damilolaidowu8128
    @damilolaidowu8128 2 роки тому +3

    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.

  • @teeehaiiiimisioluwa8121
    @teeehaiiiimisioluwa8121 4 місяці тому

    I really appreciate this step by step guide. The way you explained the reason for each step is really educative. Thanks and God bless

  • @splackchannel7270
    @splackchannel7270 Рік тому

    i really love your work and you have really helped me a lot, Thank you so much

  • @pritampal1
    @pritampal1 4 роки тому +2

    You are awesome,I repeat you are awesome. Keep posting amazing videos like this

  • @lostinsadnesss
    @lostinsadnesss 2 роки тому +1

    Thank you so much for this tutorial. I was feeling so lost and overwelmed. Thank you for taking the time to explain each step.

  • @user-bo9oq1sj9b
    @user-bo9oq1sj9b 3 роки тому +3

    Thanks for your lessons. It’s really helpful for me. Especially animation

  • @user-go8up8bb5k
    @user-go8up8bb5k 3 місяці тому

    Great tutorial.. thank you so much

  • @xuanhoaaudiobook5275
    @xuanhoaaudiobook5275 3 роки тому +6

    Thank you so much! Currently I haven't found a better channel to learn UI design.

  • @monikajanickova8336
    @monikajanickova8336 3 роки тому +2

    Thank you so much for this tutorial. It is great :))

  • @jameaze6239
    @jameaze6239 2 роки тому

    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.

  • @ashkanbabaki9787
    @ashkanbabaki9787 Рік тому

    so great. thanks a lot. so practical and useful

  • @radwa5233
    @radwa5233 2 місяці тому

    so helpful thank you so much

  • @souljahsplatz
    @souljahsplatz Рік тому

    thank you very much love this man...

  • @islamicchannel6481
    @islamicchannel6481 2 роки тому

    Thanks for this video.... It real help alot

  • @ayodeleakinyemi8461
    @ayodeleakinyemi8461 3 роки тому

    I had no choice but to subscribe and turn on the notification!.. This is really great.. Thank you!

    • @BuildingAmazingThings
      @BuildingAmazingThings  3 роки тому

      Thank you very much

    • @raunixverma757
      @raunixverma757 2 роки тому

      Hello sir we can make app for you kindly check our latest developed app video to understand ua-cam.com/video/BsEEn3WVC4o/v-deo.html all details are available in the description

  • @therealwhyss
    @therealwhyss 3 роки тому

    This is beautiful. Awesome job!

  • @nicholaschira7972
    @nicholaschira7972 3 роки тому +3

    I really love the way u explain things and break it down to our understanding for we the amateur in ui design. Thank u 🙏🙏🙏

  • @nnilu1098
    @nnilu1098 7 місяців тому

    Thank you for this great work.. I'll love to see the coding part of this design how it works with the design.

  • @abimbolataiwo2601
    @abimbolataiwo2601 Рік тому

    You have helped me a great deal thank you so much

  • @uzoigwekelvin7674
    @uzoigwekelvin7674 Рік тому

    You’re doing good man.

  • @galpaltin1238
    @galpaltin1238 Рік тому +1

    You are so helpful man! we appreciate all you do !!

  • @comfortigboko9856
    @comfortigboko9856 2 роки тому +1

    thank you so much, I was able to create this same design from the scratch. thank you, smiles!

  • @maskman4821
    @maskman4821 3 роки тому +6

    I love this tutorial, pretty awesome !!!

    • @BuildingAmazingThings
      @BuildingAmazingThings  3 роки тому

      Thanks

    • @raunixverma757
      @raunixverma757 2 роки тому

      Hello sir we can make app for you kindly check our latest developed app video to understand ua-cam.com/video/BsEEn3WVC4o/v-deo.html all details are available in the description

  • @HumbertoMoura
    @HumbertoMoura 2 роки тому

    Thank you, dear friend!

  • @chinonyeumeh5202
    @chinonyeumeh5202 2 роки тому +1

    Thanks for this video. I owe you a lot as a designer you have really helped my career. Please i have a request 🙏

  • @priscillatagoe525
    @priscillatagoe525 2 роки тому

    Amazing video. Already subscribed and learning a lot. Please is there a short cut for bring objects to the front?

  • @StefanRaj-dj6ln
    @StefanRaj-dj6ln Рік тому

    I done myself with your instruction thank you

  • @abdulazizsuraj8869
    @abdulazizsuraj8869 2 роки тому +4

    Please Whr is the link to the description of mobile ui kit

  • @rukiee.b.ovwigho5709
    @rukiee.b.ovwigho5709 2 роки тому +1

    Very great tutorial from start to finish. Thanks a lot 👏👏👏

  • @thekristaleffect
    @thekristaleffect Рік тому

    I subscribed thank you

  • @ItsGaucho
    @ItsGaucho 2 роки тому

    Love the video very helpful maybe next upload a version without the fast foward

  • @kabirakobada9371
    @kabirakobada9371 4 місяці тому

    Great job.

  • @jesuslazcano5954
    @jesuslazcano5954 3 роки тому +4

    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.

  • @olayiwoladeborah7931
    @olayiwoladeborah7931 2 роки тому +1

    Thank you for this amazing work. I recreated this and voilaaaa

  • @olayinkajomiloju7027
    @olayinkajomiloju7027 7 місяців тому +3

    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

  • @jameaze6239
    @jameaze6239 2 роки тому

    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.

  • @artprime5586
    @artprime5586 4 роки тому +13

    Looks great man, thanks for the video. I recently started using Figma and I find it easier to just style my frames instead of adding a rectangle inside to create containers, I try to see frames as a HTML div where you can just drop stuff and align everything relative to it. Works great for resizing... anyways keep on with the awesome content!
    Cheers.

  • @blessingsamuel1029
    @blessingsamuel1029 3 роки тому +2

    I'm in love with this guy.. you are making me getting my youtube channel

  • @tomilolaonigbinde6205
    @tomilolaonigbinde6205 3 роки тому +2

    Thank you very much. I am starting my UI/UX career with your video.

    • @BuildingAmazingThings
      @BuildingAmazingThings  3 роки тому

      Best of luck! You are welcome

    • @raunixverma757
      @raunixverma757 2 роки тому

      Hello sir we can make app for you kindly check our latest developed app video to understand ua-cam.com/video/BsEEn3WVC4o/v-deo.html all details are available in the description

  • @adedoyinmary7480
    @adedoyinmary7480 2 роки тому +1

    Your works are so explanatory… I’m glad iii found your page🥺🥺🥺

  • @elgato_3
    @elgato_3 Рік тому +1

    Nice work thank u so much grabbed many things!

  • @edipkhalilov3148
    @edipkhalilov3148 3 роки тому +1

    Awesome! Waiting for more video)

  • @obikoyaomotade9406
    @obikoyaomotade9406 2 роки тому

    I love it! Can you please do a tutorial on admin screen for a food delivery App . Thanks

  • @onepunch9508
    @onepunch9508 2 роки тому

    Plus Ultra!!👍

  • @eduardafontinele8942
    @eduardafontinele8942 2 роки тому +1

    you are awesome! I have been inspired a lot by your tutorials. Thanks!

    • @BuildingAmazingThings
      @BuildingAmazingThings  2 роки тому +1

      Thank you!
      Glad to be of help!

    • @raunixverma757
      @raunixverma757 2 роки тому

      Hello sir we can make app for you kindly check our latest developed app video to understand ua-cam.com/video/BsEEn3WVC4o/v-deo.html all details are available in the description

  • @zenfitteam7622
    @zenfitteam7622 3 роки тому +1

    Very Good Tutorial. I learnt figma in 45 mins with this.

  • @olaideabiola2344
    @olaideabiola2344 Рік тому

    Hi I’m new to ui/ux design but I have knowledge of coding to build websites. But my question is must I design an interface for a client before building a site? After designing this interface is there other way to tweak and tune the design into real website or app without writing codes ? Thanks for reading and I look forward to getting a response

  • @seetharamam9422
    @seetharamam9422 3 роки тому +1

    Very easy expiration, thank you so much.. from india 👍

  • @26ilhaanfodkar47
    @26ilhaanfodkar47 3 роки тому +1

    Great going loved how you use grid great help

  • @ogunleyejuliet4101
    @ogunleyejuliet4101 2 роки тому +1

    I learnt so much in just one video, thank you

  • @mannn8337
    @mannn8337 3 роки тому

    Great video!!!! Thank you.

  • @mosesadams1056
    @mosesadams1056 10 місяців тому

    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.

  • @marianfelix1483
    @marianfelix1483 2 роки тому +1

    This tutorial was interesting to watch and very insightful as well, I gained a whole lot. Thank you.

  • @kawakikun9055
    @kawakikun9055 2 роки тому +1

    Bro... I'm very happy watching ur video🤙for inspiration for me to learn Figma

  • @SrpYlcnOzky
    @SrpYlcnOzky 3 роки тому +1

    Thank you so much, loves from Turkey :)

  • @djkoolza1983
    @djkoolza1983 Рік тому +1

    Thank you for this awesome tutorial

  • @tructuu7457
    @tructuu7457 2 роки тому +1

    Amazing sharing man!!! Thank you so much

  • @codingwithrudy
    @codingwithrudy 3 роки тому +2

    0:30 Ahh ufff I am super excited 😂😂😂... Great video!

  • @nahidabedani1308
    @nahidabedani1308 2 роки тому +1

    Hi. Thank you for your videos. I made my first app in figma and very proud.

  • @prernasikka5825
    @prernasikka5825 2 роки тому

    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

  • @ospreyvybzmusic3376
    @ospreyvybzmusic3376 3 роки тому +3

    thank you so much for this.

  • @dullandtired8619
    @dullandtired8619 Рік тому +2

    hell yeah m8! keep at it!

  • @karolinak3345
    @karolinak3345 3 роки тому +1

    Great tutorial! Thanks)

  • @uxdworld
    @uxdworld 2 роки тому +1

    Great design, thanks for sharing ❤️

  • @sakthikousikr
    @sakthikousikr 7 місяців тому +1

    Thanks for your time it was just awesome 😊

  • @Tresyy1579
    @Tresyy1579 3 роки тому +1

    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 ????

  • @kinkersingh460
    @kinkersingh460 3 роки тому +1

    Nice Brother I'm from India and watching your videos to make examples of apps it's so useble for me thanks brother again

    • @BuildingAmazingThings
      @BuildingAmazingThings  3 роки тому +1

      Interesting. Thank you for stopping by.

    • @raunixverma757
      @raunixverma757 2 роки тому

      Hello sir we can make app for you kindly check our latest developed app video to understand ua-cam.com/video/BsEEn3WVC4o/v-deo.html all details are available in the description

  • @isunaslabs4733
    @isunaslabs4733 3 роки тому +1

    Looks awesome. I subscribed

  • @maisasaid167
    @maisasaid167 2 роки тому

    Thanks allot for amazing explaination..but from where u were getting the button and icon? u didn't say!

  • @MrVivorico
    @MrVivorico 2 роки тому

    how to show the iphone mockup directly when you press the play button?

  • @Demmybacus
    @Demmybacus 3 роки тому +2

    nice one as always this channel is a gem. I do know if you can keep sharing your figma files for view only model.

    • @BuildingAmazingThings
      @BuildingAmazingThings  3 роки тому

      Yes, of course

    • @raunixverma757
      @raunixverma757 2 роки тому

      Hello sir we can make app for you kindly check our latest developed app video to understand ua-cam.com/video/BsEEn3WVC4o/v-deo.html all details are available in the description

  • @adimikegetaw3553
    @adimikegetaw3553 2 роки тому +1

    your video lacture is very nice and good keep it up

  • @jsagar95
    @jsagar95 Рік тому

    Thanks!

  • @Lakunleviolinist
    @Lakunleviolinist Рік тому

    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?

  • @victoriaiyakoregha8118
    @victoriaiyakoregha8118 Рік тому

    Thank you.

  • @maulanaazuma367
    @maulanaazuma367 3 роки тому +1

    looks so cool man, appreciate it

    • @BuildingAmazingThings
      @BuildingAmazingThings  3 роки тому

      Glad you like it!

    • @raunixverma757
      @raunixverma757 2 роки тому

      Hello sir we can make app for you kindly check our latest developed app video to understand ua-cam.com/video/BsEEn3WVC4o/v-deo.html all details are available in the description

  • @asuelimhensidney6154
    @asuelimhensidney6154 3 роки тому +1

    Awesome video...
    Detailed and educating.... Can you please do a little bit of the coding part ?

  • @rajeshrajput7257
    @rajeshrajput7257 3 роки тому +1

    Thanks Sir It's a good video to learn.

  • @beka_tl7763
    @beka_tl7763 3 роки тому +1

    Thank you so much!

  • @anantharamanomkarabindusam3441
    @anantharamanomkarabindusam3441 2 роки тому

    Hi , how many pixel spaces need to be given at corners (margin )

  • @maormemolis872
    @maormemolis872 3 роки тому +7

    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?

    • @BuildingAmazingThings
      @BuildingAmazingThings  3 роки тому

      Thanks for the nice feedback. Please can you explain to me what you mean by structures ???

    • @nancyscomedy7727
      @nancyscomedy7727 2 роки тому

      Please where is the web app video... would love to watch it...thanks

  • @ayomichaels1204
    @ayomichaels1204 2 роки тому +1

    thanks for the tutorial

  • @MrMcdougalls
    @MrMcdougalls 2 роки тому

    Hi mate, can this also be designed on Linux please, as does this design also have the Delivery Drivers mapping showing the drivers route to the delivery address?

  • @temidayofalomo991
    @temidayofalomo991 3 роки тому +2

    Great Video! I love the Nigerianesssssss