What is the difference between UI and UX in the design process?
Written by
Passionate Designer & Founder
UI and UX get lumped together constantly, but they're doing different jobs. Understanding where one ends and the other begins makes the whole design process cleaner.
UX, or User Experience design, is concerned with how a product works. UX designers run user research, map out user flows, build information architecture, and create wireframes. The question they're always asking is: can someone actually accomplish what they came here to do, without wanting to throw their laptop out a window?
UI, or User Interface design, is about what the product looks like and how it responds to touch or clicks. Color palettes, typography, button styles, iconography, spacing, micro-animations. All the stuff users see and interact with directly. In practice, UI work usually starts after UX has laid the structural groundwork, taking wireframes and turning them into something that looks finished and on-brand.
The analogy that actually makes sense: UX is the architectural blueprint of a building. It decides where the rooms go, how you move between them, and whether the stairs are in a logical place. UI is the interior design. Paint colors, lighting, furniture. The blueprint can be perfect and the rooms can still feel cold and unwelcoming if nobody thought about the details.
Both have to work together. A gorgeous interface built on top of a confusing structure will frustrate users who can't find what they need. A well-structured product with a sloppy visual layer loses people before they even give it a real chance. Either failure is expensive.
In reality, the line between these roles blurs a lot. Many companies hire product designers who own the full process from initial wireframe to final visual polish. Tools like Figma have made that easier, letting designers move between structural and visual work inside a single file without constantly switching contexts.
The goal of both disciplines is the same: a product that's easy to use and doesn't require a tutorial to understand. The way to get there is making sure structure and aesthetics are worked out together, because fixing one after the other is finished tends to break things.

