How to Become a UI/UX Designer
Design intuitive digital products, conduct user research, and build interactive Figma prototypes. No coding required.
United States
$65,000 – $95,000/year
United Kingdom
£32,000 – £52,000/year
Canada
CA$60,000 – CA$88,000/year
Australia
A$72,000 – A$110,000/year
South Africa
R200,000 – R400,000/year
Broad annual benchmarks. Actual pay varies by city, company size, industry, remote status, and experience.
Overview
UI/UX Designers shape how people experience digital products. User Experience (UX) design focuses on understanding user needs, mapping user flows, and conducting usability research to make products intuitive. User Interface (UI) design focuses on visual aesthetics, typography, color systems, component libraries, and interactive visual polish.
The UI/UX design path is one of the most accessible non-coding entry points into the tech industry. Employers prioritize human-centered problem-solving, structured design thinking, and practical Figma portfolio case studies over formal university degrees. By following this roadmap, you will learn how to turn raw business ideas into user-tested, developer-ready design prototypes.
Roles You Can Get
Skills You Will Build
Technical Skills
- Figma & FigJam (Components, Auto-Layout, Variants, Prototyping)
- User Research & Persona Synthesis
- Information Architecture & Wireframing
- Design Systems & UI Pattern Libraries
- Usability Testing & Iterative Design
- Responsive Web & Mobile Layout Principles
Soft Skills
- Empathy & user advocacy
- Cross-functional communication (collaborating with developers)
- Design critique & feedback synthesis
- Problem solving & critical thinking
The Roadmap
Master UX Fundamentals & Design Thinking
4–5 weeksUX begins with understanding human psychology and problem definition. In Stage 1, you will learn the 5-stage Design Thinking framework (Empathize, Define, Ideate, Prototype, Test). You will learn how to write user personas, map customer journeys, and structure clear information architecture.
Stage milestone: You can conduct user interviews, define problem statements, and create user personas and journey maps for a mobile app idea.
Wireframing & Information Architecture
4–6 weeksBefore adding colors or visual polish, great designers sketch low-fidelity wireframes to test layout hierarchy and navigation. Stage 2 focuses on low-fi wireframing, layout grids, visual hierarchy, and creating interactive user flows.
Stage milestone: You can create low-fidelity wireframe flows in Figma for a 5-screen mobile onboarding process.
Master Figma, Auto-Layout & UI Design Systems
6–8 weeksFigma is the undisputed global industry standard for UI/UX design. In this stage, you will master Figma Auto-Layout, component variants, typography scales, color accessibility (WCAG contrast standards), and building reusable design tokens.
Stage milestone: You can build a scalable mini design system in Figma with buttons, input fields, cards, and modal components using Auto-Layout.
Interactive Prototyping & Usability Testing
5–6 weeksStatic screens do not demonstrate how an app feels. Stage 4 covers high-fidelity interactive prototyping in Figma (micro-interactions, component state animations) and conducting moderated usability testing sessions to collect feedback.
Stage milestone: You have conducted 3 usability test sessions on an interactive prototype and documented key friction points and design iterations.
Build a Portfolio of Case Studies
6–8 weeksHiring managers hire UI/UX designers based on detailed portfolio case studies, not just pretty Dribbble shots. Stage 5 guides you through writing 2–3 end-to-end case studies detailing the problem statement, user research, wireframes, usability test iterations, and final Figma prototypes.
Stage milestone: You have published a live portfolio website (or Notion/Figma presentation) featuring 2 complete UI/UX case studies.
Certifications Worth Getting
Google UX Design Professional Certificate
Google / Coursera
The most popular entry-level UX certification globally (available free via Coursera Financial Aid).
Figma Community Certifications & Tutorials
Figma
Official free Figma badge and interactive playground tutorials for mastering components and auto-layout.
Alison Diploma in UI/UX Design & User Experience
Alison
Free CPD-accredited diploma covering core UX research and interface design principles.
Portfolio Project Ideas
Employers want proof, not promises. Build at least two of these before applying for jobs, and document each one publicly on GitHub or a personal portfolio.
- 1
E-Commerce Mobile App Redesign: audit a clunky shopping app, conduct usability interviews, and publish a high-fi Figma redesign
- 2
Local Service SaaS Portal: design a responsive web dashboard for small business scheduling with a complete Figma design system
- 3
Accessibility & Micro-Interaction Spec: redesign a signup flow adhering strictly to WCAG 2.1 AA color contrast and screen-reader guidelines
- 4
Design Handoff Spec: document component tokens, spacing variables, and interactive states ready for front-end developer implementation
Your First 90 Days on the Job
What real day-to-day work looks like once you land the role. Use this to set expectations and to know what skills to keep sharpening after you are hired.
- 1
Spend your first 30 days studying the company design system, auditing existing product component libraries, and meeting key front-end developers
- 2
Take on small UI updates: fixing alignment inconsistencies, redesigning empty states, and updating modal dialog specs
- 3
By month two, lead user research synthesis for minor feature updates and present Figma prototypes to product managers
- 4
By month three, take ownership of a complete feature redesign from wireframe to developer handoff
Common Mistakes to Avoid
The pitfalls that keep candidates stuck at the application stage. Each one comes from real hiring feedback across entry-level hiring contexts.
Focusing exclusively on pretty visual UI while ignoring user research and usability
Fix: Always document the "Why" behind your design decisions. A beautiful screen that confuses real users will fail in design reviews.
Failing to master Figma Auto-Layout and components
Fix: Developers will struggle to implement your designs if they are built with static positioning. Learn Auto-Layout and responsive constraints early.
Publishing Dribbble-style single screenshots instead of comprehensive case studies
Fix: Structure your portfolio case studies as storytelling narratives: Problem -> Research -> Wireframing -> Usability Testing -> Final Figma Prototype.
Frequently Asked Questions
Do I need to know how to code to be a UI/UX Designer?
What software should I learn first for UI/UX Design?
What is the difference between UI and UX Design?
What actually gets you hired as a junior UI/UX designer?
Accelerate Your Career
Join over 10,000+ learners. Get early access to new courses, exclusive career guides, and platform updates delivered straight to your inbox.
By subscribing, you agree to our Terms of Service and Privacy Policy. Unsubscribe anytime.
Ready to start applying?
The UI/UX Designer interview prep guide covers practical CV tips and interview questions employers use to screen candidates for this role.
Related Career Paths
Build your CV while you learn
Our free CV builder lets you document your progress as you complete each stage of this roadmap. 3 templates, instant PDF download.