Design
How to Become a UI/UX Designer Without a Design Degree
Become a UI/UX designer without a degree: the design skills, tools, and portfolio process employers actually judge, and a practical order to learn them in.
17 October 2026 · 7 min read
Tutorial topic · UI/UX Design
Learn UI/UX Design: The Complete Beginner Guide
Visual hierarchy, typography and colour, user research, wireframes and prototypes — and designing real screens in Figma.
In short
UI/UX design is deciding how a product looks (UI) and how it works for the person using it (UX). Beginners should learn visual hierarchy, typography and colour first, then user research and user flows, then wireframing and prototyping in Figma — practising on real screens from the start.
14-week roadmap · 2 free courses · 5-part tutorial series
The learning order
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
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
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
Weeks 12–14
Portfolio & clients
- Presenting your design decisions
- Building a small portfolio
- Freelance and interview basics
Project: Portfolio with two case studies
The tutorial series
A step-by-step series — follow it in order. Each tutorial builds on the one before it, with worked examples, code you can run and a short practice task.
- 1
Visual Hierarchy: why some screens feel clear and others don't
- 2
Typography and Colour for UI: beginner rules that work
- 3
User Research for Beginners: what to ask, and what to do with the answers
- 4
Wireframe vs Prototype: the difference, with examples
- 5
Design Your First Mobile App Screen in Figma
Guides in this topic
Go deeper with the free courses
Design
FreeUI 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
FreeUX 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
Skills you will build
Follow the UI/UX Designer Roadmap
Design clean, user-friendly interfaces and prototypes with modern design tools. Free, step by step, at your pace.
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.