Designing Interfaces People Love: UI/UX Foundations in Figma
Go from blank canvas to polished, usable screens by mastering the core building blocks of interface design: visual hierarchy, layout, color, and typography. You will design real components and a multi-screen app flow in Figma, then pressure-test your work against proven usability principles. By the end you will be able to take a feature idea and produce a clean, accessible, professional-looking UI that you can confidently put in a portfolio.
Everything included
8 on-demand lessons
1h 14m of focused, project-based video.
Lifetime access
Buy once, revisit forever — including every future update.
Community wall
Share wins, ask questions, and learn alongside other members.
Built to finish
A clear, sequential path designed to take you all the way through.
Course content
- Welcome: What UI and UX Actually Mean (and How This Course Works)PreviewLesson 1 · 4m Preview
- Visual Hierarchy: Guiding the Eye with Size, Weight, and ContrastLesson 2 · 5m
- Layout and Spacing: Grids, Alignment, and the 8-Point SystemLesson 3 · 7m
- Color That Works: Building an Accessible Palette and Using Contrast CorrectlyLesson 4 · 8m
- Typography for Screens: Type Scale, Pairing, and Readable Body TextLesson 5 · 10m
- Figma Essentials: Frames, Auto Layout, Components, and Reusable StylesLesson 6 · 11m
- Usability Principles: Affordances, Feedback, and Avoiding Common UX MistakesLesson 7 · 13m
- Capstone: Designing a Complete Multi-Screen App Flow in FigmaLesson 8 · 14m
Diya SharmaVerified
Course creator
Product designer & growth marketer. I make design and marketing approachable and outcome-driven.