A Step-by-Step Smart Home Design with Figma and Mobbin

Design a futuristic smart home app UI with Figma and Mobbin. Sponsored by https://mobbin.com

You'll learn how to create a realistic UI from scratch using advanced techniques to make your design stand out.

Resources and Community Links:
- My Figma File
➡https://www.figma.com/community/file/...
- Apple Design Resources – iOS 17 and iPadOS 17:
➡ https://www.figma.com/community/file/...
- Explore Mobbin:
➡ https://mobbin.com/browse/ios/flows
- Discount of 20%
➡ https://mobbin.com/?referrer_workspac...

What You'll Learn:
- Designing from Scratch: Learn the step-by-step process to conceptualize and design a smart home from the ground up, ensuring a solid foundation for your creative journey.
- Mastering the Arc Tool: Gain proficiency in using the arc tool in Figma to add unique curves and elements to your design, making it stand out.
- Complex Shapes with Subtract: Discover how to create complex shapes by mastering the subtract feature, adding depth and intricacy to your designs.
- Gradient Mastery: Learn how to use different types of gradients in Figma to create realistic and visually appealing buttons and interfaces.
- Advanced Stroke Dash: Get creative with stroke dashes to add texture and style to your designs, making them more engaging and detailed.
- Auto Layout Mastery: Become an expert in using Figma’s auto layout feature to streamline your design process and ensure responsiveness across devices.

Follow me
➡  / sourasith.design  
➡  / titepommee  
➡  / sourasith.design  

Thank you for choosing our course to start your journey in smart home design. The future is in your hands!

00:00 Intro
01:49 UX Patterns and User Flows
03:50 Download Resources
04:30 Wireframe
04:50 Design Thermostat
17:00 Design Button
19:00 Interactive Cards
22:45 Energy Cards
31:10 Info and Progress Ring
35:08 Stats and Charts
41:00 Conclusion

🪄 Join this channel to watch the entire course on YouTube
➡    / @designcodeteam  

📺 Watch the complete UI Design Quick Apps in Figma course
➡    • UI Design Quick Apps in Figma full co...  

🚀 Follow this course on Design+Code's website
➡ https://designcode.io/quick-apps-figma

#figma #appdesign #uidesign