Nobody Told Me UI and UX Were Two Different Jobs — And It Cost Me Six Month
When I got my first freelance design project, I called myself a “UI/UX designer” on my invoice because that’s what I’d seen on every job listing. I had no idea I was essentially claiming two distinct skill sets with a slash between them like it was nothing.
The client — a small SaaS startup — needed someone to redesign their onboarding flow. I jumped straight into Figma, made it look clean, picked a nice color palette, added smooth micro-animations. Handed it over feeling pretty good about myself.
Three months later, they told me users were still dropping off at the same exact point in onboarding. The screens looked better but the experience hadn’t changed.
That moment is when I actually started learning what UX design means.
UI and UX: The Difference That Actually Matters
Most articles explain this with definitions. Let me try a different way.
UI (User Interface) design is what you see — the buttons, the colors, the typography, the layout, the visual polish. A good UI designer makes things look intentional, feel cohesive, and communicate hierarchy at a glance.
UX (User Experience) designis what you feel — whether the product makes sense, whether it gets out of your way, whether you finish what you came to do without getting frustrated. A good UX designer thinks in flows, not screens.
The problem is most job listings ask for both. And most design tools let you fake both. You can spend weeks in Figma building gorgeous screens that solve the wrong problems entirely.
The honest truth: UI and UX are complementary skills, but they pull your brain in different directions. UI is mostly visual thinking. UX is mostly systems thinking — understanding behavior, motivation, friction, and context.
The best designers I’ve watched work switch between both modes almost unconsciously. The rest of us have to be deliberate about it.
What UI/UX Designers Actually Do Day-to-Day
Before I got into it, I pictured this job as making apps look pretty. That’s about 20% of it. Here’s the other 80% nobody talks about in portfolio tutorials:
Research and talking to users.Real UX work starts before Figma opens. It starts with questions: Who is this for? What are they trying to accomplish? Where do they get stuck today? Tools like Maze, Hotjar, or even a Google Form survey matter more in this phase than any design tool.
Information architecture. Deciding how things are organized — what lives where, what’s one click away versus buried. Card sorting (yes, literal index cards, or tools like Optimal Workshop) is something experienced UX designers actually use.
Wireframe g and low-fidelity prototyping.Ugly boxes in Figma or even sketches on paper. The goal is to test the structure and logic before investing in visuals. I skipped this stage for the first year of my work. Huge mistake.
Collaboration with developers.This part surprised me most. A significant portion of the job is handing off designs in a way that engineers can actually build — with correct spacing, component states, edge cases considered. Tools like Figma’s Dev Mode and Zeplin exist specifically for this.
Reviewing and iterating. Launch is not the end. Good UX work involves tracking what happens after people use the thing, then going back and adjusting. This loop — design, build, measure, refine — is ongoing.
The Tools Worth Actually Learning
There’s a lot of noise about tools in design. Everyone has a hot take. Here’s what I’ve seen actually matter in the real world:
Figma The industry standard for UI design and prototyping, and honestly it deserves that status. The collaborative features (multiple people designing in the same file simultaneously) are genuinely useful with teams. If you’re starting from zero, start here.
FigJam Figma’s whiteboarding tool. Great for user journey mapping, affinity diagrams after user interviews, and workshop facilitation. Underrated.
Maze or Useberry For unmoderated usability testing. You can send a prototype link to real users and watch recordings of where they click, where they hesitate, where they give up. Eye-opening every single time.
Hotjar For live products. Heatmaps and session recordings. When a client claims users “love the design,” Hotjar shows you the truth.
Notion or ConfluenceFor documenting design decisions, research findings, and design system guidelines. Nobody talks about documentation but it’s what separates a professional designer from one who just makes pretty files.
Adobe Illustrator Still useful for icon work and complex vector illustrations, but no longer essential for most UI work.
I deliberately didn’t list every tool that exists. The trap new designers fall into is tool-hopping instead of skill-building. Learn Figma deeply before you add anything else.
How to Actually Get into UI/UX Design
Whether you’re switching careers, just graduating, or freelancing on the side, the path looks roughly like this:
Step 1: Learn the foundations — not just the software
Before you open Figma, spend some time with the underlying principles. Two books worth your time: *The Design of Everyday Things* by Don Norman (the closest thing design has to a bible) and *Don’t Make Me Think* by Steve Krug, which is about web usability but applies broadly. Both are practical and readable, not academic.Step 2: Build a portfolio with real problems, not fake ones
The number one mistake I see from aspiring designers is portfolio projects that redesign famous apps — Spotify, Instagram, whatever — without any user research backing the decisions. It looks like styling, not designing.
Better approach: find a real, small-scale problem. A local restaurant with a confusing menu. A nonprofit with a broken donation flow. A friend’s small business website that nobody can navigate. Document your process — what you researched, what you tested, what you changed and why. That’s a portfolio piece.
Step 3: Understand the handoff process
Designers who can’t communicate with developers get their work butchered in production. Learn how to annotate your designs. Understand what “responsive design” actually means in code terms. Talk to at least one developer friend and ask them what information they wish they got from designers. The answers will humble you.
Step 4: Get comfortable with feedback
Design is collaborative. Every experienced designer has had their work pulled apart in a critique. The earlier you get used to separating “this design has problems” from “I have problems as a person,” the faster you’ll grow. Share your work early and often on Dribbble, in design communities on Discord, or in dedicated critique channels.
Step 5: Do actual user testing before you think you need to
Even five users completing a task on your prototype will show you things you never anticipated. I’ve been embarrassed and humbled by usability tests every single time — including on designs I felt confident about. That discomfort is the job.
Mistakes That Keep Designers Stuck
Designing for yourself. You are not your user. The things that feel obvious to you because you built the product are invisible to someone encountering it fresh. This sounds simple and takes years to actually internalize.
Skipping the ugly prototype phase.Going straight to high-fidelity screens before testing the logic wastes enormous amounts of time. Build something low-effort first, test it, then invest in making it beautiful.
Ignoring accessibility. Color contrast, font sizing, screen reader compatibility — these aren’t nice-to-haves. They affect real users with real needs, and increasingly they’re legal requirements for certain products. Tools like the Stark Figma plugin make accessibility checks easy; there’s no excuse to skip it.
Portfolio without process.Hiring managers at good companies don’t just want to see what you made — they want to know how you think. A portfolio entry that just shows final screens is weaker than one that shows your research, your wireframes, your test results, and how you responded to what you found.
Treating design systems as optional. If you’re working on anything beyond a one-page site, you need a component system. Consistent button styles, type scales, spacing rules. Without it, your designs drift and development gets messy. Figma’s component and variant features exist precisely for this.
What the Job Market Actually Looks Like
This is where I’ll be honest with you, because a lot of career advice content about design is unrealistically sunny.
The entry-level UX market is genuinely competitive right now. Junior positions get flooded with applicants. Standing out requires a portfolio that shows real problem-solving, some demonstrated knowledge of research methods, and ideally a small amount of experience — even if it came from volunteer work, freelance, or a capstone project.
Mid-level and senior designers are still in decent demand, especially those who can bridge the gap between design and product strategy — what some companies call “product design” rather than UX.
Freelance design is viable but takes longer to build than most guides admit. Your first year will likely be lower pay while you build trust and referrals.
Salaries vary enormously by location and company type. In-house at a tech company typically pays more than agency work. Specialising— in design systems, accessibility, motion design, or a specific industry like healthcare or fintech — can command a premium.
The Part Nobody Warned Me About
The work that consumes the most time in senior design roles isn’t designing. It’s communicating, facilitating, aligning stakeholders, defending decisions with data, and navigating organizational dynamics. The better you get at the craft, the more time you spend using it to influence people rather than pushing pixels.
If you love the craft but hate meetings, that’s worth knowing going in. Plenty of designers eventually move into freelancing or smaller teams specifically because they want more heads-down time.
But if you’re drawn to both — building things that are beautiful and making sure those things actually work for real people UI/UX design is genuinely one of the more interesting problems a career can be built around.
The job never really lets you stop learning. Which is either the best or worst thing about it, depending on the week.
ImportantAnnouncement
Got questions about breaking into design or figuring out which specialty fits you? Leave a comment below happy to dig into specifics.
