LearnWhat is a Wireframe?

   
Treehouse

Treehouse
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.

GET STARTED NOW

Learning with Treehouse for only 30 minutes a day can teach you the skills needed to land the job that you've been dreaming about.

Get Started

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.

man working on his laptop

Are you ready to start learning?

Learning with Treehouse for only 30 minutes a day can teach you the skills needed to land the job that you've been dreaming about.

Start a Free Trial
woman working on her laptop