Food App Design in Figma | Figma Tutorial | UX/UI

Подписаться 16 тыс.

Просмотров 380 тыс.

50% 1

Food App Design in Figma | Figma App Design and Prototype Tutorial | UX/UI | Figma Tutorial
#foodapp #foodappdesign #foodappfigma #figma
→ Learn UX design with a discount from Industry experts: cutt.ly/8wtCOztx
→ Become a UX expert by completing UI/UX specialization from Coursera: cutt.ly/EwUqPe13
Figma source file:
cutt.ly/4wni2hBU
Images: pnghunter.com/
-----------------------------------------------------------------------------------------------
Watch other popular videos:
Daily UI Design Challenge: • Daily UI Design Challe...
Horizontal and Vertical Scrolling in Figma: • Horizontal and Vertica...
E-Commerce Mobile App Design in Figma: • E-Commerce Mobile App ...
Mobile App Design in Figma: • How to Design Mobile T...
5 Tips to Design Useful Dashboards: • 5 Tips to Design Usefu...
Design Landing Page in Sketch: • Design Landing Page in...
-----------------------------------------------------------------------------------------------
Follow us:
Website: www.uxdworld.com
Facebook:
/ uxdesignworld
Instagram: @uxdworld
Twitter: @uxdesignworld
Linkedin: / uxdesignworld
---------------------------------------------------------------------------------------------------
Background music:
Song: LiQWYD - Smile
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported
Video Link: • LiQWYD - Smile (Vlog N...

Опубликовано:

4 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 129

@faateme_fr Год назад

Thank you... This video was perfect. As a new learner it helped me a lot, and made me feel like I am a pro. Good job. 🥰🥰🥰

@uxdworld Год назад

Thanks :) I am glad you liked it.

@omojowoifemayowa6149 2 года назад

Thank you..A new learner of UI/UX and this video made me feel like a pro..its easy to understand, wish i could show you what i made..thank you again.

@uxdworld 2 года назад

Thank you :)

@hanaahmed9000 2 года назад

@@uxdworld can you give me photos and things that used to make this application pleas3

@uxdworld 2 года назад

@@hanaahmed9000 Images are taken from pnghunter.com

@hanaahmed9000 2 года назад

@@uxdworld thanks

@hanaahmed9000 2 года назад

@@uxdworldthis application for Android or Apple?

@mohamedabdimohamed6714 9 дней назад

Thank you a thousand and one times, you have helped me with knowledge that I do not know. I do not know how to thank you

@uxdworld 9 дней назад

I am glad it is helping you. Thank you.

@estheragyapomaaagyemang560 2 года назад

your tutorial was very helpful. thank you.

@danielephraim6257 2 года назад

Thanks Appreciate, Gave it a try and it came out well. Quite easy to understand with your video Thanks

@SahilSharma-gu2kx 2 года назад

ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-GjMLhn9R18M.html

@uxdworld 4 месяца назад

Glad to hear this 😊

@asadoncasp Год назад

Can i have access to your files/ images that you use in this project in order to do practice ?

@dipeshpeerlessalchemist3803 Год назад

It's in the description

@h.1977 Год назад

I designed it like this. How do I share it on Instagram as a post?

@uxdworld Год назад

Good to hear this. You can share it after tagging UX World on insta: @uxdworld

@ldristt 6 месяцев назад

thanks, love it! ❤😊

@uxdworld 6 месяцев назад

You are welcome ☺️

@osahonimalele1049 Год назад

GREAT TUTORIALS. how did you source for the open pictures like the burger picture with out any background

@DREKislive Год назад

Because these images are png . You can check google for any other reference help

@MargaretCodes Год назад

Hello, Thank you so much for this video. But what should i do for each individual products? do i have to create new section for each individual product? or what should i do?

@uxdworld Год назад

Thanks for your comment. You can add each product within the grouping like Pizza, Drinks etc. When user clicks on a product, a separate window will open up up to show its details.

@MargaretCodes Год назад

@@uxdworld Thank you for replying But please can you make a video on how to do it? If you don't mind

@younesshaida6369 2 года назад

Thank you for the bieutful designs

@uxdworld 2 года назад

Thanks ☺️

@websitedesign-qx7hc 5 месяцев назад

Nice video. Although, it will be much better if you speak and explain to us what you are doing.

@Silhouette_one 5 месяцев назад

Thank you! Is it possible in your next video to show on the screen each keyboard shortcut you press? I think some creators use software such as "Keycastr", "KeyViz" and "Keystroke Visualizer"

@uxdworld 4 месяца назад

Sure, thanks for your suggestion :) I am showing the keyboard shortcut in latest videos.

@Silhouette_one 4 месяца назад

@@uxdworld Thank you so much! Your videos are my favourite! Can you please make a video of a high fidelity wireframe followed by the app design tutorial?

@khawar_hashmi01 3 месяца назад

Thank you so much i like the way you guide 🥰

@uxdworld 3 месяца назад

I am glad you liked it :)

@gokul7975 Год назад

i dont understand why you using violet colour for food application can you please explain i want to understand your colour psychology

@Stocks_home 2 месяца назад

how'd you select both food plate and rectangle in iphone 11 pro max 2

@fahadfahadalghareeb7088 3 месяца назад

Do you know a good channel for programming these projects, please?

@ab__moiz1010 Год назад

bro i have a query that Can we design our app without auto layouting? PLZ tell me cuz auto layouting is very hard topic

@uxdworld Год назад

Autolayout makes it easier to manage complex designs. However, you can still design in Figma without using Autolayout.

@ocharosaaha-so2fh 8 месяцев назад

MAKASIIII BANYAKKK, SEMOGA KAMU MASUK SURGA

@photographer470 6 месяцев назад

how did you delete those items after you copied the frame???

@vinaypabba2214 Год назад

Where to get those images?

@mosesadams1056 Год назад

I am very not old in UI design You didnt do that of the check out page. Do you have any video that helps?

@uxdworld Год назад

Thanks for watching the video. I added the design of a checkout page a couple of days ago. Please have a look at recent videos on my channel. I hope it will help you.

@uniqueutopia 8 месяцев назад

Thank youu🎊

@uxdworld 8 месяцев назад

You are welcome ☺️

@ibancastillo 10 месяцев назад

Thank you, it helped me a lot.

@uxdworld 10 месяцев назад

Thanks, happy to help ☺

@abdelhadiafssahi5032 2 года назад

Thankyou for actually explaining tNice tutorialngs. Other videos that I watched started talking about how to make soft and didn't ntion anytNice tutorialng

@uxdworld 2 года назад

Thanks 🙂

@imranhaider1206 Год назад

Awesome Video just need some improvements while dealing with text and other elements alignment part otherwise all good nice and clean design

@MotivationGrind 2 месяца назад

Sir I had a question if I create an similar like this will I get any copyright issues. I will change the bg colour and the text inside it but I will use the same design. Will it cause any problem. Or its fine.

@Anonymous.2345 Год назад

Please remove this background music 🥺

@ifterjahan5076 10 месяцев назад

This is awesome, perfect for new learners

@uxdworld 10 месяцев назад

Thanks, happy to help ☺️

@Jas_myne 10 месяцев назад

Thank you for the tutorial can you please be more detailed about your image for beginners it will be difficult to get the image can you help with that.. if you could please share the image source link

@uxdworld 10 месяцев назад

Thanks, the images can be found at the pngtree link mentioned in the video description.

@vindyadhariishadhara9952 Год назад

Thank you Sir!

@uxdworld Год назад

Thanks for watching ☺️

@prathikshamp6536 Год назад

How to share this app's prototype?? Like how to add it to my resume??

@LATEST-2024 8 месяцев назад

What are the apps used

@moniaafi6943 Год назад

can I plz get the mockup that u used in your thumbnail page???

@ghulammurtaza7959 Год назад

Thats awesome man, Can you please provide Figma File?

@Dharshini-xo5jh Месяц назад

Antha 1st food picture enga irunthu get panniga

@kristiandolo 5 месяцев назад

and how do you import it inside of Framer and make it functional??

@uxdworld 5 месяцев назад

This is a design created in Figma. To convert it to an app in Framer, you need to learn Framer.

@syamili5381 2 года назад

Hi sir, where did you downlowd these images?

@uxdworld 2 года назад

pnghunter.com

@luatnguyen535 22 дня назад

please give me the card's link, the link above is broken thank you😢

@uxdworld 22 дня назад

Which card link you are asking for?

@osamaashaikhh4422 2 года назад

May I get this Figma link to modify according to me for my university assignment?

@bonruti Месяц назад

if i use photos from any website my design will copyright. in that case how can i avoid this????

@uxdworld Месяц назад

You can make some modifications to the images before using them. Also, you can use free images (Unsplash, Pexels, Pixabay, etc.) or generate from AI.

@avinashkurumella2430 8 месяцев назад

bro i cant find material design icons????????

@nurdinn029 Год назад

Tolong buat tutor website wisata alam dong kak

@hanaahmed9000 2 года назад

This application for Android or Apple?

@-C-GPRANITHAREDDY Год назад

can i do and keep it in my resume?

@uxdworld Год назад

Sure, you can create this video and make some updates to show your creativity. Thanks

@LATEST-2024 8 месяцев назад

May i know the apps you used in developing

@uxdworld 8 месяцев назад

This is designed in Figma. For development you can use any development tool.

@JerryEkpa-q3t 9 месяцев назад

Please what plugins did u use

@uxdworld 9 месяцев назад

For which purpose? I have used Material Design Icons here for icons.

@mojisolaotusheso8135 Год назад

Great tutorial!

@uxdworld Год назад

Happy to hear this :)

@ishashah5181 2 года назад

How djd you download the food images?

@uxdworld 2 года назад

pnghunter.com

@goldboluwatife5759 2 года назад

@@uxdworld you should have compiled the images in a file for easy access and also so we can follow your lad easily

@withbrwa Год назад

Plz app name?

@anthoniaumenduka8180 Год назад

Ux I love your video It's very easy to understand ❤

@uxdworld Год назад

Thanks ☺️ Glad to hear this

@UwimbabaziJosiane-z5v Год назад

❤❤❤❤❤❤

@uxdworld Год назад

Thanks ☺

@abdullahalhaidary1001 9 месяцев назад

deeeeeeem you are legend

@uxdworld 8 месяцев назад

Thanks ☺️

@snaidoo5548 Год назад

Hi. Nice jobs. Do you take work? can you design something for me?

@evaaa6572 Год назад

Where can I find photos of the food?

@uxdworld Год назад

You can find them at pnghunter. I added the link in the video description. Thanks

@mohsinali282 Год назад

Can you send me this Project Suroce Code

@kpharishmakp5254 Год назад

Plz explane with your voice

@usmanAli-hw5xu Год назад

I have developed this app in flutter nodejs,expressjs and mongodb with admin panel 😊

@uxdworld Год назад

Great ❤️

@shashwatm4332 3 месяца назад

29:44 - 2nd page over

@Greatjunior 3 года назад

Nice

@UXDesire Год назад

where this the imagens ?

@saad9841 3 года назад

👍

@laiduyhungfplhn4938 Год назад

where is link figma

@HarshGupta-er1kf 4 месяца назад

Ye music soon ke he dekhne ka Mann nhi krne lga 😂

@uxdworld 4 месяца назад

You can mute sound :)

@nabeelahmed5236 5 месяцев назад

HOW TO RUN IT??

@uxdworld 5 месяцев назад

You need to link screens using Prototype settings and then run it.

@AbhiRajput-ej9gw 10 месяцев назад

Hlo sir images kha sai mile gye

@uxdworld 10 месяцев назад

pnghunter.com

@azeem7762 2 года назад

Are you sure client satisfy for this designed

@uxdworld 2 года назад

I hope so, however you may need to make changes depending on the requirements :)

@abdulazizmia0 3 года назад

how to work this app after click checkout please tell me

@uxdworld 3 года назад

I will try to upload that design as well.

@nazrilriadi2206 4 месяца назад

manttap

@ETVBalbharatKidsTVChannel Год назад

@conto4014 2 года назад

What is the program name used in this design

@uxdworld 2 года назад

It is Figma.

@hebahkhalid9 9 месяцев назад

Did u use the free figma version sir?

@thett1743 6 месяцев назад

can you send file free for me ?

@ithinkstudio9814 2 года назад

🙃

@tanikasalmon4075 8 месяцев назад

Perfect!!!!

@uxdworld 4 месяца назад

Thanks 😊

@kyliegubradshaw3883 20 дней назад

Clark Charles Robinson Edward Hernandez Larry

@matioz9125 4 месяца назад

@Khybertvswabi Год назад

@colettezylstra7219 9 месяцев назад

Love your video. This tutorial is everything, will definitely make! @mediaartssbcc

@uxdworld 9 месяцев назад

Thank you, I am glad you liked it ☺️