As tech companies shifted heavily toward component-driven design, the course added robust training on atomic design principles, Figma components, variants, and scalable design systems.
Includes the popular "Good Fonts Table" and detailed guides on choosing body fonts and styling text for interactive apps.
: Rules for styling text, choosing body fonts, and pairing typefaces effectively. learn ui design by erik kennedy updated 2021
UI design often feels like a dark art. You stare at a blank canvas, add some elements, and it looks like a "My First Website" project from 1998. Meanwhile, the pros produce clean, polished work effortlessly.
The curriculum is comprehensive, moving from foundational principles to advanced UI components and professional workflows. While the exact order may adjust, a detailed module breakdown from the creator's website includes the following core areas: UI design often feels like a dark art
2.0 update released in 2021, the course has expanded significantly, moving from its original 20-hour foundation to over 36 hours of video content
Instead of just learning the "why," you learn the "how," with clear rules to follow. 2021 uses 16px gaps for dashboards
Most design courses tell you to "trust your eye." Erik Kennedy tells you to use an 8-pixel spacing system, a specific saturation formula, and a clear contrast ratio. If you want a course that gives you actionable formulas you can apply immediately to a blank canvas, this is it. Software-Agnostic Philosophy (With Figma Focus)
2021 Update: Increase density. 2020 had too much white space. 2021 uses 16px gaps for dashboards, not 32px.
: Added lessons on creating a design portfolio, finding freelance clients, and successful developer handoff. Key Features for Scannability Feature Description Methodology
| Course | Price | Best For | UI Depth | UX Depth | Updated? | |--------|-------|----------|----------|----------|----------| | | $499 | Practical UI execution | ★★★★★ | ★★☆☆☆ | 2021+ | | Shift Nudge (Mert Can) | $799 | Obsessive detail in typography/grids | ★★★★☆ | ★☆☆☆☆ | 2023 | | Figma UI Design (Udemy) | $20 | Tool mastery, not design principles | ★★☆☆☆ | ★☆☆☆☆ | Frequent | | Google UX Cert | $39/mo | Full UX process | ★★☆☆☆ | ★★★★☆ | 2024 | | Refactoring UI (Tailwind) | $149 | Dev-focused UI rules | ★★★☆☆ | ☆☆☆☆☆ | 2019 (aging) |