Home/Roadmaps/UI/UX Designer
🎨

UI/UX Designer Roadmap

Learn to design products people love using. From user research to high-fidelity prototypes, this roadmap covers the complete design process used at top Indian startups.

5-7 months4-8 LPA → 22-45 LPA expected9 steps • 27 free resources
1

Design Fundamentals

2-3 weeks

Learn the principles that make good design: color theory, typography, layout, visual hierarchy, and composition. These rules apply everywhere.

By the end, you'll be able to

  • Apply color theory and typography principles in your designs
  • Create visually balanced layouts with clear hierarchy
  • Understand and use design principles like contrast, alignment, proximity
🛠️

Mini-project

Redesign a poorly designed Indian government website (pick any). Apply design principles to make it usable and attractive.

2

Figma Mastery

3-4 weeks

Figma is the industry standard. Master frames, components, auto layout, variants, prototyping, and design systems. This is your daily tool.

By the end, you'll be able to

  • Design screens with components, auto layout, and variants
  • Build interactive prototypes with transitions and micro-interactions
  • Create and maintain a design system with tokens and components
🛠️

Mini-project

Recreate the Swiggy or Zomato app in Figma — every screen, every component. Use auto layout and variants properly.

3

UX Research & User Psychology

2-3 weeks

Good design starts with understanding users. Learn user interviews, surveys, personas, journey maps, and cognitive principles that drive user behavior.

By the end, you'll be able to

  • Conduct user interviews and synthesize findings
  • Create personas and journey maps from research data
  • Apply cognitive psychology principles to design decisions
🛠️

Mini-project

Research how 5 people use a food ordering app. Create personas, a journey map, and identify 3 pain points with proposed solutions.

4

Information Architecture & Wireframing

2-3 weeks

Structure before style. Learn to organize information, create site maps, user flows, and wireframes that solve the right problems before pixel-pushing.

By the end, you'll be able to

  • Create site maps and user flows for complex apps
  • Build wireframes that communicate structure and functionality
  • Design navigation that users find intuitive
🛠️

Mini-project

Design the information architecture for an Indian education platform: site map, user flows for 3 key tasks, and wireframes for 10 screens.

5

Interaction Design & Prototyping

2-3 weeks

Make designs feel alive. Learn micro-interactions, animation principles, transition design, and how to prototype realistic experiences in Figma.

By the end, you'll be able to

  • Design meaningful micro-interactions and transitions
  • Build high-fidelity interactive prototypes
  • Present design solutions with clickable prototypes
🛠️

Mini-project

Design a mobile onboarding flow with 5 screens, smooth transitions, and micro-interactions. Make it testable in Figma prototype mode.

6

Design Systems & Accessibility

2-3 weeks

Scale your design work. Learn to build component libraries, design tokens, and ensure your designs are accessible to users with disabilities.

By the end, you'll be able to

  • Build a design system with consistent components and tokens
  • Design for accessibility: contrast, screen readers, keyboard navigation
  • Follow WCAG guidelines and test for accessibility
🛠️

Mini-project

Build a design system in Figma with 20+ components, a color system, typography scale, and spacing tokens. Include accessibility guidelines.

7

Usability Testing

1-2 weeks

Test your designs with real users. Learn to plan tests, moderate sessions, analyze results, and iterate on your designs based on evidence.

By the end, you'll be able to

  • Plan and conduct moderated usability tests
  • Analyze test results and prioritize design changes
  • Create actionable reports from user testing sessions
🛠️

Mini-project

Test your education platform design with 5 users. Record sessions, identify issues, and create a before/after showing how you fixed each problem.

8

Portfolio & Case Studies

3-4 weeks

Your portfolio is your resume. Build 3-4 detailed case studies that show your design process, not just pretty screens. Process > pixels.

By the end, you'll be able to

  • Create compelling case studies that show end-to-end design process
  • Build a portfolio that gets interview callbacks
  • Present your work confidently in portfolio reviews
🛠️

Mini-project

Build your portfolio site with 3 detailed case studies. Each should cover: problem, research, ideation, design, testing, and outcomes.

9

Interview Prep

2-3 weeks

Design interviews include: portfolio review, design challenge (whiteboard), app critique, and behavioral questions. Practice all four formats.

By the end, you'll be able to

  • Present your portfolio confidently in under 15 minutes
  • Solve design challenges on a whiteboard within time limits
  • Critique existing apps with structured feedback
🛠️

Mini-project

Do 3 mock portfolio reviews, solve 5 whiteboard design challenges, and critique 10 popular Indian apps in writing.

🎉

Pick the path that fits you

Not sure if this is the right roadmap? Browse all our career paths and find the one that matches your goals.