Stage 12 to 3 weeks
Design Fundamentals
- Typography
- Color theory
- Layout & grid systems
- Visual hierarchy
- Gestalt principles
UI/UX Design
Design interfaces that feel intuitive, beautiful, and human.
Beginner-Friendly3 to 5 monthsdesign
Your Progress0%
Overview
UI designers decide how things look. UX designers decide how things work and feel. Great product designers do both. You research users, design flows, create wireframes, build prototypes, and test with real people.
Who is this for?
- ✓ Students starting from zero who want structure
- ✓ Self-taught learners who need a clear path
- ✓ Career switchers ready to commit consistently
What can you build?
- Mobile app UIs
- Web dashboards
- Design systems
- Interactive prototypes
- Brand identity systems
Jobs you can get
UI DesignerUX DesignerProduct DesignerUX ResearcherInteraction Designer
Salary range: $45,000 to $120,000/year
Roadmap
Follow each stage in order. Mark stages complete as you finish them.
- Stage 23 to 4 weeks
UX Foundations
- What is UX?
- User research methods
- Personas & journey maps
- Information architecture
- Wireframing
- Stage 34 to 6 weeks
Figma Mastery
- Frames, components, variants
- Auto layout
- Prototyping
- Design systems
- Developer handoff
- Stage 43 to 4 weeks
Advanced UX
- Usability testing
- Accessibility design
- Mobile-first design
- Design sprints
- Micro-interactions
- Stage 5Ongoing
Portfolio & Case Studies
- Documenting design process
- Writing case studies
- Publishing on Behance
- Presenting work
Resources
Google UX Design Certificate
PAIDGoogle's 7-course UX certificate on Coursera. Audit for free. Industry recognized.
www.coursera.org/professional-certificates/google-ux-design
Figma Official Tutorials
FREELearn Figma from its creators, the fastest way to get started.
help.figma.com/hc/en-us/categories/360002051613
Nielsen Norman Group Articles
FREEThe world's most respected UX research and writing. Read weekly.
www.nngroup.com/articles
Interaction Design Foundation
PAIDComprehensive UX courses, many free. Strong theoretical foundation.
www.interaction-design.org/courses
DesignCourse YouTube
FREEGary Simon's channel, excellent UI design tutorials and Figma walkthroughs.
www.youtube.com/@DesignCourse
Mobbin
FREEReal app UI patterns from thousands of iOS and Android apps. Best design reference.
mobbin.com
Coolors
FREEThe fastest color palette generator. Pick, adjust, and export in seconds.
coolors.co
Google Material Design
FREEGoogle's complete design system, typography, components, and patterns.
material.io/design
Dribbble
FREEDesign community and portfolio platform. Browse for inspiration daily.
dribbble.com
Projects
beginner
#01
App Redesign
Redesign one screen of a popular app with documented reasoning for every decision.
#02
Local Business Website UI
Design a full website UI for a local business from scratch.
intermediate
#01
Mobile App Prototype
Design and prototype a 5-screen mobile app with full interactive flow in Figma.
advanced
#01
Design System
Build a full design system: color palette, type scale, spacing, and 8 components.
#02
Full UX Case Study
Complete UX process: research, personas, wireframes, prototype, usability test, report.
AI Guide
What AI helps with
- ✓ Writing UX copy and microcopy
- ✓ Summarizing user research findings
- ✓ Generating design critique checklists
- ✓ Brainstorming component variations
What AI cannot replace
- ✗ Making final design decisions, that requires human judgment and taste
- ✗ Replacing real user research
- ✗ Building a consistent design system automatically
Recommended Tools
Midjourney
Visual inspiration and mood board generation
Galileo AI
Wireframe generation from text prompts
Figma AI
Auto-layout suggestions and AI content fill
Claude
UX writing, research synthesis, design critique
Sample Prompts
Act as a UX copywriter. Write 5 versions of an error message for when a payment fails. App tone is friendly and supportive. Each under 15 words.I am designing a mobile banking app for young adults aged 18 to 25 in Nigeria. Give me 8 UX principles to prioritize for this audience and context.Career Path
UI DesignerUX DesignerProduct DesignerUX ResearcherInteraction Designer
$45,000 to $120,000/year
Case studies win you jobs, not just pretty screens. Document your process to the problem, your thinking, your decisions. That is what interviewers actually read.