Free Roadmap

Become a UI/UX Designer from scratch

Design products people love to use — no coding required to start. Go from zero to a portfolio in about five months, built around real design case studies.

20
weeks · ~10–12 hrs/wk
5
portfolio pieces
4
phases · to portfolio
₹0
free tools only
The one rule

Study → design → get feedback

Design improves through critique, not isolation. Every project below is something you design in Figma, test with real people, and refine. No coding needed.

Where This Leads

Career outcomes

Roles you can apply for

UI DesignerUX DesignerProduct DesignerUX Researcher

Who it suits: You care how things look and feel, and like solving problems for people — no coding required.

₹4–9 LPA
typical starting range in India

Indicative 2026 starting ranges in India — actual pay varies widely by city, company, and skill. Salary is an outcome of skill and a strong project portfolio, not a guarantee.

The Roadmap

Four phases, step by step

0

Design Foundations

Weeks 1–4

The visual and UX principles behind good design.

Week 1

Design principles

Hierarchy, contrast, alignment, balance.

Week 2

Color & typography

Palettes, type scales, readability.

Week 3

Layout & spacing

Grids, whitespace, visual rhythm.

Week 4

UX fundamentals

User-centered thinking, information architecture.

1

Tools & Process

Weeks 5–10

Master Figma and the end-to-end design flow.

Week 5

Figma basics

Frames, shapes, components, auto-layout.

Week 6

Wireframing

Low-fidelity structure before visuals.

Week 7

Prototyping

Clickable flows and interactions.

Week 8

Design systems

Reusable components and design tokens.

Week 9

User research

Interviews, surveys, personas.

Week 10 · Project ▶

App redesign

Redesign a real app and justify every choice.

2

Applied Design

Weeks 11–16

Design for real platforms and real users.

Week 11

Mobile patterns

Native iOS/Android conventions.

Week 12

Responsive web

Designing across screen sizes.

Week 13

Usability testing

Watch real users, find friction.

Week 14

Accessibility

Contrast, sizing, inclusive design.

Week 15

Developer handoff

Specs, assets, and clean delivery.

Week 16 · Project ▶

Full product design

An end-to-end product from research to UI.

3

Portfolio & Career

Weeks 17–20

Package your work to land the job.

Week 17

Case study writing

Tell the story: problem, process, outcome.

Week 18

Portfolio site

Present 3 strong pieces cleanly.

Week 19

Critique & iteration

Refine based on real feedback.

Week 20 · Capstone ▶

Polished portfolio

Three complete case studies, ready to share.

Build a Portfolio

Five projects that get you hired

Projects beat certificates. Do them in order — each builds on the last. Put every one on GitHub with a clear README.

Start here

1 · Redesign an App Screen

Pick an app you use and redesign one screen — explain why.

Figma

2 · Mobile App Prototype

A clickable multi-screen prototype in Figma.

Systems

3 · Design System / UI Kit

Reusable components, colors, and type — like a pro team.

In demand

4 · End-to-End Case Study

Research → wireframes → UI → usability test, documented.

Capstone

5 · Portfolio with 3 Case Studies

A published portfolio that gets you interviews.

Learn It

Learning resources

Click any resource to open it — free and well-known first, then build something with it.

Universal (any field): roadmap.sh · freeCodeCamp · GitHub Student Pack · Coursera

Do This Today

Your first step (takes 30 minutes)

1. Create a Figma account

figma.com — the industry-standard design tool, free to start.

2. Pick an app to redesign

Choose an app you find frustrating — that's your first project.

3. Draw one frame

Recreate one screen in Figma today. You're designing now.

Not sure which path is right for you?

PathAhead helps you choose the career that fits you — with guidance built for Intermediate students. Explore every roadmap in one place.

This roadmap is a free educational resource. Timelines are a guide — everyone learns at a different pace. Referenced resources (Figma (Learn), Refactoring UI, Laws of UX, Nielsen Norman Group, Google UX Design (Coursera)) are for learning only and are not affiliated with PathAhead.