Stay in the loop

Get notified when new paths are added

Defence Forces, Psychology, Architecture, Agriculture, and more are coming. One email a month at most. No spam.

CareerMaps

Home Roadmaps

All Careers After 10th After 12th Skills Popular Careers Highest Paying Jobs

BrainMap

About Us Mission & Vision Contact Feedback

Stay in the loop

Get notified when new paths are added

Defence Forces, Psychology, Architecture, Agriculture, and more are coming. One email a month at most. No spam.

Back to All Roadmaps

UI/UX Design

Design intuitive, beautiful, and user-centric interfaces.

UI/UX Designers create seamless and beautiful user experiences. Step-by-step roadmap to learn user research, wireframing, high-fidelity UI design, and prototyping.

Estimated Time: 4-6 Months

Starting Salary: ₹4L - ₹18L+ per annum

Quick Overview

UX Fundamentals

Design Thinking
User Research methods
Information Architecture
Wireframing

UI Design Basics

Color Theory
Typography rules
Spacing and Layouts
Figma basics

Advanced Design

Prototyping in Figma
Design Systems creation
Micro-interactions
Accessibility Guidelines

Handoff & Portfolio

Asset Exporting
Working with HTML/CSS
Behance / Dribbble presence
Case Study writing

Pro Tips for Success

Focus on user psychology. A beautiful design is useless if it's confusing.
Steal like an artist. Analyze interfaces you love and try to recreate them.
Build a strong portfolio case study explaining your decision-making process.

What Employers Want

A strong portfolio over a degree.
Understanding of design systems and typography.
Ability to take and apply constructive feedback.

Detailed Study Modules

UX Theory & Psychology

Understand user psychology, typography, color theory, and visual hierarchy. Learn how human brains process visual information.

Recommended Resources

Action Items & Checklist

Study the Gestalt Principles
Analyze 3 popular apps for UX patterns

User Research & Wireframing

Conduct interviews, define buyer personas, and map out user journeys. Create low-fidelity wireframes to visualize structure quickly.

Recommended Resources

Nielsen Norman Group Articles

Action Items & Checklist

Conduct 3 user interviews
Create user journey maps
Trace out wireframes using Whimsical or Balsamiq

Mastering Figma & UI Elements

Master Figma's Auto Layout, Components, Grid systems, and Variables to build high-fidelity interfaces effortlessly.

Recommended Resources

Action Items & Checklist

Design a complete mobile app interface
Build a small design system with reusable components
Implement responsive constraints in Figma

Prototyping & Handoff

Bring your designs to life using interactive prototypes. Learn how to document and hand off your designs to developers cleanly.

Recommended Resources

Figma Prototyping Tutorial

Action Items & Checklist

Create an interactive clickable prototype
Set up micro-interactions (hover, active states)
Prepare an export-ready design file for devs

Frequently Asked Questions

Which tool should I use? Figma or Adobe XD?

Figma is currently the industry standard for UI/UX design.

Explore Related Paths

UI/UX Design

Design intuitive, beautiful, and user-centric interfaces.

UI/UX Designers create seamless and beautiful user experiences. Step-by-step roadmap to learn user research, wireframing, high-fidelity UI design, and prototyping.

Estimated Time: 4-6 Months

Starting Salary: ₹4L - ₹18L+ per annum

Quick Overview

UX Fundamentals

Design Thinking
User Research methods
Information Architecture
Wireframing

UI Design Basics

Color Theory
Typography rules
Spacing and Layouts
Figma basics

Advanced Design

Prototyping in Figma
Design Systems creation
Micro-interactions
Accessibility Guidelines

Handoff & Portfolio

Asset Exporting
Working with HTML/CSS
Behance / Dribbble presence
Case Study writing

Pro Tips for Success

Focus on user psychology. A beautiful design is useless if it's confusing.
Steal like an artist. Analyze interfaces you love and try to recreate them.
Build a strong portfolio case study explaining your decision-making process.

What Employers Want

A strong portfolio over a degree.
Understanding of design systems and typography.
Ability to take and apply constructive feedback.

Detailed Study Modules

UX Theory & Psychology

Understand user psychology, typography, color theory, and visual hierarchy. Learn how human brains process visual information.

Recommended Resources

Action Items & Checklist

Study the Gestalt Principles
Analyze 3 popular apps for UX patterns

User Research & Wireframing

Conduct interviews, define buyer personas, and map out user journeys. Create low-fidelity wireframes to visualize structure quickly.

Recommended Resources

Nielsen Norman Group Articles

Action Items & Checklist

Conduct 3 user interviews
Create user journey maps
Trace out wireframes using Whimsical or Balsamiq

Mastering Figma & UI Elements

Master Figma's Auto Layout, Components, Grid systems, and Variables to build high-fidelity interfaces effortlessly.

Recommended Resources

Action Items & Checklist

Design a complete mobile app interface
Build a small design system with reusable components
Implement responsive constraints in Figma

Prototyping & Handoff

Bring your designs to life using interactive prototypes. Learn how to document and hand off your designs to developers cleanly.

Recommended Resources

Figma Prototyping Tutorial

Action Items & Checklist

Create an interactive clickable prototype
Set up micro-interactions (hover, active states)
Prepare an export-ready design file for devs

Frequently Asked Questions

Which tool should I use? Figma or Adobe XD?

Figma is currently the industry standard for UI/UX design.

Explore Related Paths