Lesson 1 — UI vs UX Cheat Sheet

UI/UX

In one line: UI is what it looks like; UX is how it works — great products need both.

Core Distinction

1UI (User Interface). The visual layer — colors, typography, layout, buttons.

2UX (User Experience). The overall feel — is it easy, logical, and satisfying to use?

3Both matter. A beautiful UI with confusing UX still frustrates users.

4Primary tool. Figma is the industry-standard design tool.

UI Designer

Focused on visual design and interface polish

UX Designer

Focused on flow, structure, and usability

Product Designer

Combines UI + UX across the full product lifecycle

UX Researcher

Focused on user interviews, testing, and data