Design a Coffee Shop App in Figma - UI Speed Design | Week - 08
ฝัง
- เผยแพร่เมื่อ 14 ก.ค. 2024
- Today's Design Idea: Hello guys, this is week-08 from UI Speed Design weekly challenge series. This time we made a UI Design Template for Coffee Shop Mobil App Design.
Enjoy this channel? Leave a comment, subscribe, and give a 💜💜
We upload a new video between Monday & Thursday.
🕛 Timestamp:
-------
0:00 - Intro
0:05 - Preview Spotify UI Design
0:25 - Onboarding Coffee Shop Mobile App Design
2:02 - Home Screen Coffee Shop Mobile App Design
8:45 - Detail Item Coffee Shop Mobile App Design
12:27 - Order Coffee Shop Mobile App Design
17:20 - Delivery Screen Coffee Shop Mobile App Design
💜 Love what we do, Buy Me a Coffee :
-------
www.buymeacoffee.com/namdesign
🔥 Our Freebies & Premium Collection :
-------
gumroad.com/namdesign
🔴 Link Download :
-------
www.figma.com/community/file/...
💜 Social Media :
-------
/ newagemood
⚠️: Important
-------
*Like & Share if you enjoy the video!
*Subscribe to stay up to date with upcoming video tutorials, design inspiration, UI Design, UI/UX Design, Adobe Illustrator, Adobe XD & Design Graphic.
*Note: Please report to (itsmeuxiudesign@gmail.com) If you have any issue with this content, and I will remove the content ASAP.
DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. Thank you for supporting my channel so I can continue to provide you with good content each week!
----
#UIDesign #UIUXDesign #UITrends2021 #UIDesignLearning #AppDesign - แนวปฏิบัติและการใช้ชีวิต
مادري ليش طول الفيديو ونا فرحااااان ومبتسم اننا عندي امل يجي يوم واكون واحد منهم🥺
great job!👍👍
thank you
Beautiful and useful, thank you so much!
Glad you enjoyed it!
your designs are very cool!
Glad you like them!
You are really good at this. i will continue to learn from your videos. a lil fast though but i will catch up eventually lol. new subscriber.
I appreciate that!, go subscribe mate :)
Omg....its awesome ....really u have done a great job
Thank you so much 😀
HI GUYS WELCOME TO MY TUTORIAL
🤩Wow nice desin❤❤
Thanks :)
well made 🤩🤩
Thanks 🙂
Thanks for watching guys, as you can see we just hit the 500 like, now you can download the file here, enjoy :)
Figma Community: www.figma.com/community/file/1116708627748807811
552 likes bto
Could you please share the UI design file? It's at 570 likes now
@@thiyagarajan7611 Check description, we just update the link file.
@@zygarde2076 Check description, we just update the link file
How I can download?
Well-done 🔥
Thanks mate :)
So nice
Thanks :)
beautiful and it works. Too bad the latteart would never arrive safely after of delivery. kkkkkkkkkkk
This is great 😃👍..
It will be more helpful if you can use voice while doing this. Am a first timer to watch your video
Noted.
Halo bg, saya baru menonton channel ini. Menurut saya bagus, tapi alangkah bagusnya kalo di isi suara atau penjelasan sedikit sedikit fungsi tools yang mau abg pake buat buat design. Terus video nya speed normal aja sambil abg jelasin. Pasti lebih rame ni bg. Soalnya orang yang baru belajar kek saya akan lebih paham dan nagkep ilmunya. Sekian bg masukannya. Berkarya terus bg. Saya sudah subs 👍
Setujuu
Wow...your design is very nice..how about the admin panel? Do you also design it? Because the person who will own this app must have its management panel
awesome
Thanks.
Please how can I get the images you used
This is great just a request if you slow down a little bit so each minute step is clear and helpful for beginner.
Hope you consider it apart from it thankyou for the video👍🏽
Noted :)
You may slow it down in settings
Bro kindly share file link I'm following your tutorial and you are doing awesome stuff keep it up❣️❣️
Check description mate for link download, cheers :)
superbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
what is the use of design in fifma
Bro xml code for Android studio milega kya
I would like to ask you "Which the program that you make mocup iphone 3d for it has movement in your present video.?? "
You can use AE to animate the mockup :)
Hello! I love the work you do. I want to ask a question, how can I make a high-quality screen recording of the prototype I designed?
You can use obs to record you prototype :)
Really, are you Indonesian?
Hello can you make medium speed tutorial
Yes, next upload maybe :)
How to download pics
how you create that mockup animation in starting?
You can use After Effect to create the mockup animation.
pic cofee
Download file on our Figma Community. Pic include inside, thanks.
mas aku baru di figma dan ui/ux,
mau tanya itu nama material iconnya apa ya? trus download external ato via plugin? nuwun mas🙏🏼
Iconly in figma community :)
hello, are you using atomic design?
Yes, we use atomic design for big project.
@@newagemood Is it necessary to name everything by atoms, molecules and organisms? Or is only the fact of having an order of the components already complying with the Atomic design? THANK YOU
After the design how to work real app 😊
You can use flutter to develop this design.
u are designing and u are not using grid layout wy
it's not really important to use grid in mobile design.
We always use Grid, but on the video, I'm not activating the Grid. You can download this file on Our Figma Community and you can check the Grid we are using.
Where can i get the images that i want
You can download file from our Figma Community. The image include inside.
How can I get the images you used
You can download file from our Figma Community. Image include on the file.
nam design... now i know you are indonesian hahah
Tanjungbalai. He
Waht is the name of ui kit for icons
Iconly, you can find it on Figma Community.
Images link?
Be unique bruhh
design plugin link pls
What plugin?
জাই হোক লিংক প্লিজ
Whats name plugin for icon ? ❤❤
Iconly, you can get it on Figma Community :)
Thank you
How can use your template?
You can download file from our Figma Community.
ভাই কি দিয়ে এই কাজ টা করেন ওয়েব ছাইট নাকি অপ্স
জাই হোক লিংক প্লিজ
bro color code kaya he ???
#131313 and #C67C4E
@@newagemood ❤️