---
# System prepended metadata

title: mockups vs wireframes vs prototypes

---

# mockups vs wireframes vs prototypes

:::warning
[Difference between all three](https://uxplanet.org/wireframe-mockup-prototype-what-is-what-8cf2966e5a8b)
:::

## What is a Wireframe
<iframe width="560" height="315" src="https://www.youtube.com/embed/T0vt3nLZKks" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

## What is a Mockup
<iframe width="560" height="315" src="https://www.youtube.com/embed/8iP2qXwk184" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
