UI Design Foundations
Go from blank canvas to polished, accessible interfaces in Figma.
Created by Maya Chen
What you'll learn
- Build clean layouts with grids and a spacing scale
- Pair typefaces and set a readable type scale
- Choose accessible color palettes that pass WCAG
- Present a portfolio-ready case study
Course content
3 sections · 10 lessons · 2 h 11 min total
- Video:Welcome and course roadmap4 min
- Video:Anatomy of a great interface11 min
- Video:Visual hierarchy in practice14 min
Requirements
- A free Figma account
- No prior design experience needed
Description
A hands-on introduction to interface design. You'll learn layout, type, color and components by redesigning a real banking app screen by screen, then present your case study like a pro.
Your instructor
Principal Product Designer
Maya has spent twelve years designing products used by millions, most recently leading design systems at a fintech in Manhattan. She teaches the craft the way she practices it: start with the problem, sketch fast, then sweat the details.
View profileStudent reviews
4.9
Course rating
- 5 stars: 92%
- 4 stars: 5%
- 3 stars: 2%
- 2 stars: 1%
- 1 star: 0%
- Rated 4.0 out of 5
James Lee
Seattle, USA · Jun 29, 2026
Solid content and well structured. Short lessons fit perfectly into my lunch breaks.
- Rated 4.0 out of 5
Aisha Khan
Toronto, Canada · Aug 8, 2026
Great pacing and the notes feature is super handy. I'd love a few more advanced exercises at the end.
- Rated 5.0 out of 5
Tom Becker
Berlin, Germany · Jul 27, 2026
Best course I've taken online. The instructor explains complex ideas without dumbing them down.
- Rated 5.0 out of 5
Sarah Mitchell
Chicago, USA · Sep 1, 2026
Clear, practical and beautifully produced. I applied the first module at work the same week and my manager noticed.
Students also bought
Development
Modern React & Next.js
by Daniel Okafor
Rated 4.9 out of 5(5,210)