Wireframing — UX Design Roadmap
Working out structure and flow before any visual polish
Steps in Wireframing
- Low-Fidelity Wireframing — intermediate · Sketching layout and flow quickly without getting distracted by visual details
- Wireframing Tools (Figma/Balsamiq) — intermediate · Producing wireframes efficiently in common wireframing tools
- Wireframe Annotations — intermediate · Documenting behavior and logic that a static wireframe can't show on its own
- Responsive Wireframing — intermediate · Sketching how a layout's structure changes, not just resizes, across screen sizes
- From Wireframes to Mid-Fidelity — intermediate · Adding just enough detail to test flow and content without full visual design
Part of
- UX Design roadmap — the full learning path