UX Designer
Design apps and websites that feel intuitive
Not sure this is right for you? Find My Match →
0 of 5 missions done
Is this career for you?
Two minutes before you commit months
Tick what sounds like you
Tick the ones that are true for you.
Skills you'll walk away with
Jobs this leads to
- UX Designer
- Product Designer
- UX Researcher
- Interaction Designer
Before you start
- ✓ No technical background required
- ✓ Curiosity about human behavior
5 missions to UX Designer
4 worlds, 5 missions. Tap any circle to open it; the glowing one is next.
Don't touch design software yet. UX is about solving psychological and structural problems before making them look appealing.
You are not your user. You must validate your assumptions by actually talking to people and observing their behavior.
It is time to digitize your ideas. Figma is the undisputed industry standard for product design.
Your portfolio is your resume. UX managers don't care where you went to school; they care about how you think.
More about this career
About the job, pay where you live, questions people ask, and where this career can take you next.
About the job
What you’d do
- Research users to set design requirements, and use their feedback to improve designs
- Create prototypes and mock-ups of websites or apps
- Develop visual design concepts and change them based on stakeholder feedback
- Prepare early work such as moodboards and storyboards
- Fix problems found in testing or customer feedback, or pass them to the right team
- Work with front-end and back-end developers to finish projects
Where you’d work
- Information sector companies (about 27% of US web and digital interface designers)
- Self-employed (about 13% in the US)
- Computer systems design firms (about 13% in the US)
- Finance and insurance (about 6% in the US)
- Wholesale trade (about 5% in the US)
Every step in full
The complete text of every step, to read or print. Work through them in the journey above.
Design Thinking & UX Fundamentals 1 steps
Master the Design Thinking Process
Product teams rely on structured processes to solve problems. IDEO's 5-stage model (Empathize, Define, Ideate, Prototype, Test) is the industry standard.
Real-world task: Find an app you use daily that frequently frustrates you. Identify exactly what the friction point is. Write down one 'How Might We' statement (e.g., 'How might we make the checkout process shorter for returning users?'). Sketch 3 terrible solutions, and 2 good solutions on paper.
Why it matters: Jumping straight into Figma makes you a software operator, not a designer. True UX designers define the right problem before attempting a solution.
Checklist
- Understand the 5 stages of Design Thinking
- Learn to define user problems using 'How Might We' statements
- Understand the difference between UX (User Experience) and UI (User Interface)
- Learn about Information Architecture (IA): how to organize content logically
- Study foundational UX laws: Fitts's Law, Hick's Law, and Miller's Law
User Research & Empathy 1 steps
Conducting Qualitative Research
A designer who doesn't talk to users is just guessing. Learn how to extract honest feedback without leading the witness.
Real-world task: Pick a popular e-commerce site. Write a script asking a user to find and 'purchase' a specific gift item under $50. Sit next to a friend or family member and ask them to complete the task while thinking out loud. Do NOT help them. Take notes on where they hesitate or click the wrong thing.
Why it matters: User research destroys office politics. When a manager says 'Users want this feature', you need the skill to say 'Actually, our usability tests show it confuses 80% of our users'.
Checklist
- Learn the difference between qualitative (interviews) and quantitative (surveys) research
- Draft a user interview script with open-ended, non-leading questions
- Synthesize raw research notes into Empathy Maps and User Personas
- Map out the current User Journey (pain points and emotional highs/lows)
- Learn how to conduct an unmoderated Usability Test
Figma & Prototyping 2 steps
Wireframing & Low-Fidelity
Focus on layout, structure, and user flow before worrying about colors and typography.
Real-world task: Design a 5-screen wireframe flow in Figma for a 'Food Delivery App' checkout process. Make the buttons clickable so a user can navigate from the 'Cart' to 'Order Confirmation'. Keep everything gray. Share the prototype link with a peer for feedback.
Why it matters: Adding color too early distracts stakeholders. They will argue about whether a button should be blue or red, instead of whether the button should exist at all.
Checklist
- Sketch paper wireframes (Crazy 8s technique)
- Translate paper sketches into low-fidelity digital frames in Figma
- Use only grayscale boxes and standard text to map out the Information Architecture
- Create a clickable low-fidelity prototype in Figma to test the screen transitions
- Solicit feedback on the logic of the flow, ignoring visual design
Mastering High-Fidelity UI in Figma
Learn the technical tools of Figma to create production-ready designs that developers can actually build.
Real-world task: Take your grayscale checkout flow and apply a full Design System. Create a master 'Primary Button' component using Auto-Layout with Hover and Disabled variants. Apply a consistent 8pt spacing grid. Polish the UI to look identical to a live, professional app.
Why it matters: If you hand off messy Figma files without Auto-Layout or Components, developers will hate you, and the final coded product will look broken.
Checklist
- Understand Auto-Layout (Figma's superpower for responsive design)
- Master Components and Variants to keep buttons and inputs consistent
- Understand Design Systems and how to set up global Typography and Color variables
- Apply UI fundamentals: visual hierarchy, spacing systems (e.g., 8pt grid), and contrast
- Adhere to platform guidelines (Apple HIG for iOS, Google Material Design for Android)
The Portfolio & Career Launch 1 steps
Crafting UX Case Studies
A case study is a story. It should explain the problem, your research, your iterations, and the final solution.
Real-world task: Write a 1,500-word case study for one of your projects. Ensure at least 40% of the screen space is taken up by visuals (research artifacts, wireframes, final UI). Get it reviewed for free by a senior designer on ADPList before applying to jobs.
Why it matters: Countless juniors post galleries of pretty UIs on Dribbble and call it a UX portfolio. Hiring managers reject them instantly because they show no evidence of problem-solving.
Checklist
- Complete 2-3 deep, high-quality projects (quality vastly over quantity)
- Structure case studies logically: Context/Problem → Research → Iterations → Final UI → Takeaways
- Write highly scannable copy (bullet points, bold text) because recruiters only spend 2 minutes per portfolio
- Show your messy process: include photos of sticky notes, paper sketches, and failed iterations
- Host your portfolio on an accessible site (Notion, Framer, Webflow, or UXfol.io)
Questions people ask about UX Designer
Clear answers regarding timelines, prerequisites, salaries, and study strategies.
How long does it take to become a UX Designer?
This roadmap estimates 4–8 months. It has 4 phases and 5 steps, from “Design Thinking & UX Fundamentals” to “The Portfolio & Career Launch”.
How do I become a UX Designer?
Follow the 4 phases in order, starting with Phase 1, “Design Thinking & UX Fundamentals”. Your first task: Find an app you use daily that frequently frustrates you. Identify exactly what the friction point is. Write down one 'How Might We' statement (e.g., 'How might we make the checkout process shorter for returning…
How much does a UX Designer earn?
Pay depends on the country. The salary box on this page shows DraftMyCareer’s estimate, in local currency, for the country chosen in the menu.
What do I need before starting?
This roadmap lists: No technical background required; Curiosity about human behavior.
What skills does a UX Designer need?
This roadmap covers: User Research, Wireframing, Prototyping, Figma, Usability Testing, Design Thinking.
Switch Careers: Paths Into and Out of This Role
See every switch →Next-Step Career Upgrades & Lateral Moves
- Product Manager
Product Managers sit at the intersection of business, technology, and user experience, driving executive impact.
⏱ 4–6 months🧭 ModerateWhat you would learnProduct Analytics (Mixpanel/Amplitude) · Business Metrics (CAC, LTV, Retention, ARR) · Agile Sprint Management & PRDs
View Action Plan
- Month 1–2: Business & Financial Metrics Master unit economics, product-market fit metrics, monetization models, and roadmap prioritization.
- Month 3–4: Technical Literacy & PRDs Write bulletproof Product Requirement Documents (PRDs) and collaborate with engineering leads.
- Month 5–6: Growth & Experimentation Lead hypothesis-driven A/B testing and feature optimization to drive North Star metrics.
Moving Into This Role From Other Jobs
- From: Graphic Designer
UX designers solve complex product problems, participate directly in product strategy, and command higher tech salaries.
⏱ 3–5 months🧭 Beginner-FriendlyWhat carries overVisual aesthetics & typography · Color theory & branding · Design software proficiency (Figma/Adobe)
View Action Plan
- Month 1: UX Research Fundamentals Learn user interviews, empathy mapping, user personas, and heuristic evaluations.
- Month 2: Information Architecture & Wireframes Create low-fidelity wireframes, user task flows, and sitemaps.
- Month 3: Design Systems & Prototyping Build scalable Figma component libraries with auto-layout and interactive prototypes.
- Month 4–5: Case Studies & Portfolio Publish 2 comprehensive product case studies documenting research to final validation.
- From: Teacher / Educator
Leverage innate teaching empathy and communication into a highly compensated tech creative career with work-life balance.
⏱ 4–6 months🧭 Beginner-FriendlyWhat carries overEmpathy & active listening · Curriculum planning (Information Architecture) · Presentation & communication
View Action Plan
- Month 1: UX Foundations & Figma Learn design theory, typography, spacing, and master Figma design tools.
- Month 2–3: Research & Wireframing Conduct usability tests, synthesize user feedback, and create clickable app wireframes.
- Month 4–6: Real Client Projects & Portfolio Redesign educational or SaaS web products and build an impressive online design portfolio.