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.
Want to learn more?
If you'd like to go deeper into Wireframes —or bring this kind of training to your team— let's talk. I help teams understand and apply these concepts. I'd love to hear from you!
What is Figma?
Figma is a graphic design and prototyping tool widely used in the design an...
What is a mockup?
A mockup is a static representation of a product, often used in product des...
What does UI stand for?
UI (User Interface) refers to the visual and interactive layer of a digital...
What does UX stand for?
UX, or User Experience, is a strategy focused on providing the best possibl...
What does rollback mean?
Rollback is a term used in software development and system administration t...