UI Design a Travel app for Android in Figma

Learn to design a Travel app with the Material You guidelines in the Figma design tool
📂 Figma file
➡www.figma.com/community/file/...
🎞 Video timestamps
0:00 - Intro
02:13 - Material You
03:26 - Resources
05:43 - Unsplash plugin
07:45 - System Bar
09:09 - Top app Bar
13:59 - Menus Buttons
16:11 - Image list with hover effect
23:18 - Pricing Screen
29:41 - Header
33:04 - Supporting Text with Quick Prototype
40:20 - Map
42:17 - Action Bar
44:03 - Outro
🪄 Join this channel to watch the entire course on TH-cam
➡ / @designcodeteam
📺 Watch the complete UI Design Quick Apps in Figma course
➡ • UI Design Quick Apps i...
🚀 Follow this course on Design+Code's website
➡ designcode.io/quick-apps-figma
Resources
🎨 unsplash image with website or Unsplash plugin in Community (free images) : unsplash.com
📱 Material Design Icons: www.figma.com/file/DRs7Sw8DwD...
💻 Material You : material.io
📱Material 3 Design Kit Components : www.figma.com/file/gVtY9EjVxz...
📱UI Patterns : mobbin.design/browse/android/...
📋 Inspiration : dribbble.com
✏️ Fonts : fonts.google.com
🤳 Phone Mockups: angle.sh
Learn UI Design
🖌 UI Design quick apps in Figma: designcode.io/quick-apps-figma
🖌 UI Design for developers: designcode.io/ui-design
🌈 Design system in Figma: designcode.io/figma
🎨 Figma Handbook: designcode.io/figma-handbook
📱 iOS Design Handbook: designcode.io/ios-design-hand...
Learn SwiftUI
📱 Build an app for iOS 15: designcode.io/swiftui-ios15
📱 Build quick apps with SwiftUI: designcode.io/quick-apps-swiftui
🛠 SwiftUI Handbook: designcode.io/swiftui-handbook
🎵 Music from Uppbeat (free for Creators!)
uppbeat.io/browse/artist/hart...
Follow Me
🐦 Twitter: / souranyphomhome
📸 Instagram: / sou.design
#figma #uidesign

[@aravinth5827]

I just wanna say it! the UI material's what you have shared with us is a very useful and it will be helpful for each & every UI & UX learner.
And it's not easy for everyone to share what you had did so, thank's ❤️

[@swathikamurugappan65]

Thank you Soo much for this beautiful video 💗..love from India🙋🍁

[@douialimohamedali7165]

best channel to learn ui/ux design please keep going , can you make a tutorial for explain prototyping for this travel app ??

[@sucodemaracuja1]

Best UI channel. Thanks for sharing with us.

[@DesignCodeTeam]

Glad you enjoy it!

[@ahmedyahya3593]

I love it

[@MachineLearning-rw7jd]

With the resources 👏

[@phenomenal821]

Thanks alot for this ma'm.

[@DesignCodeTeam]

Most welcome 😊

[@shuhedahmed9349]

Super

[@zhegirhussein6432]

so useful thanks you very much

[@DesignCodeTeam]

You are welcome

[@ytrpaz]

More more nore.....😍🤩🥰😇

[@akangkuntet2685]

Bali ❤️ like this

[@thonivai]

Nice tutor sista...😍🔥🔥🔥

[@DesignCodeTeam]

Glad to hear that 😉

[@uxdworld]

👌

[@Music-yh4nd]

Hi I have followed your design and created the app. It turned out really well. Thanks to your channel. But I am not able to get that airplane prototype. Can you please explain how you got that? It would be really helpful.

[@xpgxpg8409]

Can you make tutorial or case study for tour web apps or mobile apps ?

[@motivateordesist729]

Very nice..I'm haitian Good tuto thk you

[@DesignCodeTeam]

Glad to hear that

[@thegame5804]

Could you tell me the code of the background colour? That turquoise?

[@Thecrimsonpaw]

Im subscribed to your website and currently doing some courses, but how do I get access to the pro TH-cam vids

[@DesignCodeTeam]

Hi, the two subscriptions are separate since we have no control over the membership on TH-cam. So having access on one platform won't give you access to the other unfortunately. But both share the same content.

[@toxicgem6845]

Can anyone give me the name list of android app made by Figma

[@resler7ooo118]

Good jobs beautiful girls

[@craftapple9446]

what is the name of the program

[@thegame5804]

Figma

[@aydemironur35]

13:20 why you using 5px system instead of 8? Isn't it harder to code?
Thank you so much btw great design :)
Edit: 27:30 maybe just strokes or inner shadow would be easier
35:15 so good trick thanks!

[@Gr3kiZon3]

This is wrong. You don't eye-ball anything, you use column layouts & grids or/and smart guides at least. Plus everything should be a multiply of 2, not some random numbers especially when it comes to elements size. Finally there's not enough contrast (easy to check with online tools) and the accessibility is non existent. This looks more like social media ad design in Photoshop, sorry.

[@lovesonjames-ys2lz]

Then start your own TH-cam channel and teach🤷‍♂️
Well done DesignCode!
For all you do, thank you.
You keep getting better 💯

[@Gr3kiZon3]

@@lovesonjames-ys2lz have you actually worked in the industry or just think of UI in a form of YT videos?