Food App Design in Figma | Figma Tutorial

No video

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

Рет қаралды 354,562

3 жыл бұрын

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

Пікірлер: 122

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

@estheragyapomaaagyemang560 2 жыл бұрын

your tutorial was very helpful. thank you.

@JamesJustin-r4k 25 күн бұрын

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

@MotivationGrind Ай бұрын

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.

@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

@fahadfahadalghareeb7088 2 ай бұрын

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

@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

@danielephraim6257 2 жыл бұрын

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

@SahilSharma-gu2kx 2 жыл бұрын

kzfaq.info/get/bejne/fdB9f8ufnriVaIE.html

@uxdworld 2 ай бұрын

Glad to hear this 😊

@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

@ldristt 4 ай бұрын

thanks, love it! ❤😊

@uxdworld 4 ай бұрын

You are welcome ☺️

@Silhouette_one 3 ай бұрын

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 2 ай бұрын

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

@Silhouette_one 2 ай бұрын

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

@younesshaida6369 2 жыл бұрын

Thank you for the bieutful designs

@uxdworld 2 жыл бұрын

Thanks ☺️

@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

@khawar_hashmi01 2 ай бұрын

Thank you so much i like the way you guide 🥰

@uxdworld 2 ай бұрын

I am glad you liked it :)

@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.

@photographer470 4 ай бұрын

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

@ocharosaaha-so2fh 7 ай бұрын

MAKASIIII BANYAKKK, SEMOGA KAMU MASUK SURGA

@websitedesign-qx7hc 3 ай бұрын

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

@moniaafi6943 Жыл бұрын

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

@gokul7975 Жыл бұрын

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

@kristiandolo 4 ай бұрын

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

@uxdworld 4 ай бұрын

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

@mosesadams1056 11 ай бұрын

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 11 ай бұрын

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.

@abdelhadiafssahi5032 Жыл бұрын

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 Жыл бұрын

Thanks 🙂

@uniqueutopia 6 ай бұрын

Thank youu🎊

@uxdworld 6 ай бұрын

You are welcome ☺️

@ifterjahan5076 9 ай бұрын

This is awesome, perfect for new learners

@uxdworld 9 ай бұрын

Thanks, happy to help ☺️

@vinaypabba2214 Жыл бұрын

Where to get those images?

@imranhaider1206 11 ай бұрын

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

@avinashkurumella2430 6 ай бұрын

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

@osamaashaikhh4422 Жыл бұрын

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

@ibancastillo 9 ай бұрын

Thank you, it helped me a lot.

@uxdworld 9 ай бұрын

Thanks, happy to help ☺

@syamili5381 2 жыл бұрын

Hi sir, where did you downlowd these images?

@uxdworld 2 жыл бұрын

pnghunter.com

@user-fl7um8kf9j 7 ай бұрын

Please what plugins did u use

@uxdworld 7 ай бұрын

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

@prathikshamp6536 Жыл бұрын

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

@LATEST-2024 6 ай бұрын

What are the apps used

@Jas_myne 9 ай бұрын

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 9 ай бұрын

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

@Anonymous.2345 Жыл бұрын

Please remove this background music 🥺

@vindyadhariishadhara9952 Жыл бұрын

Thank you Sir!

@uxdworld Жыл бұрын

Thanks for watching ☺️

@LATEST-2024 6 ай бұрын

May i know the apps you used in developing

@uxdworld 6 ай бұрын

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

@usmanAli-hw5xu Жыл бұрын

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

@uxdworld Жыл бұрын

Great ❤️

@ghulammurtaza7959 Жыл бұрын

Thats awesome man, Can you please provide Figma File?

@nurdinn029 11 ай бұрын

Tolong buat tutor website wisata alam dong kak

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

@anthoniaumenduka8180 10 ай бұрын

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

@uxdworld 10 ай бұрын

Thanks ☺️ Glad to hear this

@abdullahalhaidary1001 7 ай бұрын

deeeeeeem you are legend

@uxdworld 7 ай бұрын

Thanks ☺️

@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

@shashwatm4332 2 ай бұрын

29:44 - 2nd page over

@user-fb3ud4dj7q Жыл бұрын

❤❤❤❤❤❤

@uxdworld Жыл бұрын

Thanks ☺

@tanikasalmon4075 6 ай бұрын

Perfect!!!!

@uxdworld 2 ай бұрын

Thanks 😊

@hanaahmed9000 2 жыл бұрын

This application for Android or Apple?

@Greatjunior 2 жыл бұрын

Nice

@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

@snaidoo5548 Жыл бұрын

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

@mohsinali282 Жыл бұрын

Can you send me this Project Suroce Code

@saad9841 3 жыл бұрын

👍

@UXDesire Жыл бұрын

where this the imagens ?

@withbrwa Жыл бұрын

Plz app name?

@kpharishmakp5254 Жыл бұрын

Plz explane with your voice

@laiduyhungfplhn4938 Жыл бұрын

where is link figma

@nabeelahmed5236 3 ай бұрын

HOW TO RUN IT??

@uxdworld 3 ай бұрын

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

@nazrilriadi2206 2 ай бұрын

manttap

@HarshGupta-er1kf 2 ай бұрын

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

@uxdworld 2 ай бұрын

You can mute sound :)

@AbhiRajput-ej9gw 8 ай бұрын

Hlo sir images kha sai mile gye

@uxdworld 8 ай бұрын

pnghunter.com

@abdulazizmia0 2 жыл бұрын

how to work this app after click checkout please tell me

@uxdworld 2 жыл бұрын

I will try to upload that design as well.

@user-ri3el7yy9v Жыл бұрын

@ithinkstudio9814 2 жыл бұрын

🙃

@conto4014 Жыл бұрын

What is the program name used in this design

@uxdworld Жыл бұрын

It is Figma.

@hebahkhalid9 7 ай бұрын

Did u use the free figma version sir?

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

@maryamalobeidi1615 Жыл бұрын

Can you send the file to me? Please

@thett1743 4 ай бұрын

can you send file free for me ?

@Khybertvswabi Жыл бұрын

@matioz9125 3 ай бұрын

@colettezylstra7219 8 ай бұрын

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

@uxdworld 8 ай бұрын

Thank you, I am glad you liked it ☺️