Chapter 4: A Roundup of the Best Wireframing Tools

by Daniel Schwarz

Over the years, we’ve become so much more knowledgeable about the UX design process, especially in regards to wireframing—a highly useful design exercise that can significantly improve the overall user experience of the final product.

In this roundup, we’ll take a look at the best wireframing tools.

What is a Wireframe?

A wireframe is the skeletal mockup of a design—the unstyled, barebones foundation that exists before the addition of fonts, colors, and any other visual aesthetics. Wireframing often happens after ideation but before high-fidelity prototyping.

Wireframing is sometimes referred to as “mid-fidelity,” and what defines a wireframing tool is the fact that they allow ...

Get UX: Essential Tools now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.