Module 5: UI Design Basics Principles of visual design (contrast, alignment, hierarchy, balance) Color theory and psychology Typography and readability Iconography and visual language Designing for accessibility Module 6: Wireframing & Prototyping Wireframing tools (Balsamiq, Figma) Creating low-fidelity wireframes Transitioning to high-fidelity prototypes Clickable prototypes Tools: Figma, Adobe XD, Sketch Module 7: Design Systems & Components What is a design system? Creating reusable components Atomic design methodology Managing design libraries Using Figma components and auto-layout Module 8: Responsive & Adaptive Design Mobile-first design Designing for multiple devices (desktop, tablet, mobile) Breakpoints and grid systems Touch vs. click interactions Module 9: UX Writing & Microcopy Principles of good UX writing Writing CTAs, error messages, onboarding text Voice and tone Module 10: Usability Testing & Feedback Setting up usability tests A/B testing Analyzing results Iterating based on feedback Module 11: Tools & Collaboration Figma (main tool for UI/UX design) Adobe XD / Sketch / InVision (alternatives) Zeplin, Avocode (developer handoff) Working with developers & product teams Agile methodology for designers