What is a wireframe?

It's a basic visual representation of an interface.

🖼️

Definition

A wireframe is a visual representation, usually in grayscale, that outlines the structure and functionality of a webpage or mobile application before the visual design and content are added.

🎯

Purpose

Wireframes serve to establish the basic layout and user experience, focusing on usability and navigation.

🔍

Use in Design

They are used in the early stages of design to ensure that the project develops according to the agreed objectives and to facilitate ease of use and future content growth.

🧰

Tools

One of the most commonly used tools for creating wireframes is Figma.