FUTEAC
Get My Free Roadmap

Design

UI/UX Designer Roadmap

Design clean, user-friendly interfaces and prototypes with modern design tools.

14 weeks at ~2 hours/day · Beginner · 8 skills · Free

Get My Personal Version

In short

UI/UX designers decide how apps and websites look, feel and flow for the people using them. This roadmap teaches design fundamentals, user research basics, and Figma — from your first wireframe to a clickable prototype and a small portfolio — in about 14 weeks, with no drawing talent or design degree required.

Who this roadmap is for

  • Beginners who want a creative tech career without heavy coding
  • Developers who want to design better interfaces
  • Freelancers who want to add design services

Prerequisites

  • No design experience or degree needed
  • A computer that can run Figma in the browser (it is free)
  • About 2 hours a day for practice

Your week-by-week plan

  1. Weeks 1–3

    Design fundamentals

    • Layout, alignment and spacing
    • Typography and colour that work
    • Learning to see design: analysing good apps

    Project: Redesign a familiar app screen

  2. Weeks 4–6

    UX thinking

    • How users think and behave
    • User flows and wireframes
    • Usability basics and common mistakes

    Project: Wireframes for a complete app idea

  3. Weeks 7–11

    Figma in depth

    • Components and auto layout
    • Design systems and styles
    • Interactive, clickable prototypes

    Project: A high-fidelity app design with prototype

  4. Weeks 12–14

    Portfolio & clients

    • Presenting your design decisions
    • Building a small portfolio
    • Freelance and interview basics

    Project: Portfolio with two case studies

Courses in this roadmap

Design

Free

UI Design Fundamentals

Learn the visual rules behind clean interfaces — colour, typography, spacing, and layout that anyone can apply.

Beginner · 13 lessons · 7 hours · English + Urdu

Design

Free

UX Design & Figma Prototyping

Go from pretty screens to products people can actually use — user research, wireframes, and clickable prototypes in Figma.

All Levels · 12 lessons · 8 hours · English

Projects you will build

  • Redesigned app screen
  • Complete wireframe set
  • High-fidelity app prototype in Figma
  • Portfolio with two case studies

Skills you will gain

  • Design Fundamentals
  • Typography & Colour
  • Layout & Spacing
  • User Research Basics
  • Wireframing
  • Figma
  • Prototyping
  • Design Systems

Frequently asked questions

Do I need to be good at drawing to learn UI/UX?

No. UI/UX design is about structure, clarity and understanding users — not illustration. If you can arrange elements neatly and explain your choices, you can learn this.

What is the difference between UI and UX?

UX (user experience) is how the product works: the flow, the steps, how easy it feels. UI (user interface) is how it looks: layout, colour, typography. Employers usually hire for both together, and this roadmap teaches both.

Which tool will I learn?

Figma — the industry-standard design tool. It is free to start and runs in your browser, so you need nothing to install.

How long until I can take freelance work?

Most learners following this roadmap can handle small freelance projects — landing pages, app screens — near the end of the 14 weeks, once their portfolio case studies are ready.

Related roadmaps