What is Wireframe?

A wireframe is a blueprint of a website or an app. They’re used to plan the layout, information architecture, user experience, and user interface.

Ux and Ui designers create wireframes by hand or with tools like Figma. Wireframes are usually grayscale or black-and-white.

These blueprints are not meant to be pretty. Instead, they give a sense of the structure before designers start working on the visual details.

Wireframes contain placeholders for content, like text, images, and videos. For example, boxes with an X through them represent images, and long horizontal rectangles represent headlines and text.

Wireframes can be static (like an image) or interactive (clickable, with navigation between pages). Interactive wireframes are also called prototypes.