![[VIP] DesignCode: Build Beautiful Apps with GPT-4 and Midjourney](https://design.rip/uploads/cover/blog/designcode-gpt4.webp)
![[VIP] AppCoda: Mastering SwiftUI - Professional Packet (Updated 04.2023)](https://design.rip/uploads/cover/blog/appcoda-mastering-swiftui-professional-packet-worth.webp)
![[VIP] AppCoda: Beginning iOS Programming with Swift (Updated 04.2023)](https://design.rip/uploads/cover/blog/appcoda-beginning-ios-programming-with-swift.webp)
![[VIP] Whoooa! 156 vector Lottie animations](https://design.rip/uploads/cover/blog/whoooa-156-vector-animations.webp)
![[VIP] Motion Sound Vol. 1](https://design.rip/uploads/cover/blog/designrip-svx.webp)
[VIP] DesignCode: UI UX Design with Mobbin and Figma
Mobbin is a powerful tool for UI/UX designers seeking inspiration and innovative design solutions. This platform offers a vast collection of real-world mobile app designs, providing a treasure trove of UI elements and layouts.
11 topics
All techniques are explained step-by-step, in a beginner-friendly format so that you can easily follow in a cohesive way.
- 1 Introduction to UI/UX Design
Finding inspiration with Mobbin and transforming ideas into unique designs using Figma
- 2 UI Kits and Templates
Accelerating design efficiency by using UI kits and templates
- 3 Shapes, Gradients and Strokes
Design a smart home iOS App and learn to use shapes, gradients, and strokes to create a thermostat interface
- 4 Icons, Typography, and Styles
Improve the design of our smart home application with icons, typography, and effects
- 5 Auto Layout, Constraints and Pen tool
Adding finishing touches on our design with Auto Layout, constraints. Use the Pen Tool to create intuitive controls
- 6 UX Research and Design Flows
Diving Deeper into UX Research and the Importance of Designing User Flows
- 7 Styles and Plugins
Exploring Figma Tools and Plugins to Enhance Creativity and Efficiency
- 8 Animation, Sticky Scroll and Overlay
Bridging Design and Interaction with a Step-by-Step Guide to Prototyping
- 9 Flat Design and Light Mode
Exploring the Essentials of Flat Design and Light Mode for a Cleaner and More Intuitive User Experience
- 10 Visual Hierarchy and Information Architecture
Explore the role of visual hierarchy in UI design and learn to structure and organize content to improve a product's usability
- 11 Typography and Colors Variable
Learn How to Streamline Your Designs with Typography and Color Variables
What's Your Reaction?
![[VIP] How to design & prototype a Mobile UI/UX Design Experience using Figma design tool - Learn Figma](https://static.skillshare.com/uploads/video/thumbnails/7eee732fdf32f1c531868a5318b6b2c5/original)