Learn Ui Design By Erik Kennedy Updated 2021 ((top)) Jun 2026

The keyword "learn UI design" is broad. This course narrows it down to six specific pillars. Here is what the 2021 modules cover:

This is where the updated content shines. You build a massive SaaS dashboard.

The "updated 2021" part of your search query is significant. Following the initial success of his course, Erik Kennedy released This major update represented a comprehensive overhaul, not just a minor refresh. learn ui design by erik kennedy updated 2021

Before we dissect the 2021 updates, it is crucial to understand the instructor. Erik Kennedy is not a YouTuber who learned Figma last month. He is a principal designer at a top-tier design agency (DesignJoy) and a former software engineer.

: Mastering HSB (Hue, Saturation, Brightness), fixing clashing colors, and designing dark interfaces. The keyword "learn UI design" is broad

Erik Kennedy’s Learn UI Design has long been a favorite for developers and self-taught designers. The 2021 update brings the curriculum in line with current design systems, dark mode practices, and advanced Figma workflows.

Students redesign a , a mobile onboarding flow , and a e-commerce checkout page . The 2021 update replaces the old "music app" brief with a modern "FinTech wallet" brief. You build a massive SaaS dashboard

In the opinion of many students (including this reviewer's analysis), it is the available online. It distills years of professional experience into a 20-hour masterclass that eliminates the guesswork of making things look good.

| Lesson | Key Concept | 2021 Twist | |--------|-------------|-------------| | | Use size, weight, and color to create hierarchy | Contrast ratios for WCAG 2.1 AA compliance | | Typography | Stick to 2–3 font sizes, use rem/em | Variable fonts & responsive type scales | | Color theory | 60-30-10 rule for UI | Use HSL for systematic color palettes | | Spacing systems | 8pt grid for consistency | Auto-layout + padding/margin variables | | Components | Buttons, cards, inputs, modals | Variants & component properties (Figma) | | Feedback & states | Hover, active, disabled, loading | Focus rings for keyboard navigation |