LearnWhat is a Wireframe?

writes on November 20, 2019

Web applications don’t just appear out of thin air. How does a site or an app make the leap from a UX designer’s brain onto the computer screen? Wireframing is the answer—and it’s one of the main design tools used in UX.

What is a Wireframe?

A wireframe is a basic outline of a page’s design—sort of like a rough draft. Typically done in a design app like Figma (or sometimes just on paper!), wireframing can help UX designers figure out the basic layout and functionality of a web application before all the details are put into place.

Here’s a little explainer about wireframes:

Want to master the UX design process?

Try our UX Design Techdegree. You’ll finish the program with a certificate, a robust portfolio of projects, and all the knowledge you’ll need to start applying for UX Designer roles. The UX/UI field is growing rapidly—jump right in, and we’ll help you find your place in it.

3 Responses to “What is a Wireframe?”

  1. Thanks for explain in easy words with video also.

  2. Hi Katie,

    Making a wireframe to clear the project requirement is essential. I watched your explainer video and it was amazing. Would try Techdegree very soon for my designing use.

  3. viewpoint on December 7, 2019 at 12:15 pm said:

    Do You recommend using any software for wireframes?

    It would be handy to have one that will be compatible with software that you be finalizing the design. Not sure what to choose though….

Leave a Reply

You must be logged in to post a comment.

Learning to code can be fun!

Get started today with a free trial and discover why thousands of students are choosing Treehouse to learn about web development, design, and business.

Learn more