UI / UX Design Roadmap

Follow the video walkthroughs and tick items as you complete them.

Design principles — balance, contrast, hierarchy Design principles playlists (YouTube)

Wireframing — low-fidelity layouts Wireframing tutorials (Figma / others)

Canva basics — quick mockups and visual assets Canva tutorial playlists

Figma — components, prototyping, variants Figma official YouTube channel

Usability testing — test scripts, user feedback Usability test video examples

Accessibility — color contrast, keyboard flows Accessibility tutorials

Design systems — tokens, component libraries Design systems case-studies (Google, others)

Responsive UX — adapting interactions across devices Responsive UX videos

Motion design — micro-interactions and transitions Motion design tutorials