---
title: "Mockup | Definition"
description: "A mockup is an accurate static design of a final product. A mockup shouldn’t just outline the layout but also present the content and functionality."
url: https://uxcam.com/glossary/mockup/
language: en-US
date_published: 2021-09-30T13:56:28.429Z
date_modified: 2023-07-11T09:23:46.576Z
---

# Mockup | Definition

#### Related terms

- [Design thinking](https://uxcam.com/glossary/design-thinking/)
- [Accessibility](https://uxcam.com/glossary/accessibility/)
- [Mobile-first strategy](https://uxcam.com/glossary/mobile-first-strategy/)

### What is a mockup?

A mockup is an accurate static design of a final product.

A mockup shouldn’t just outline the layout but also present the content and functionality.

Unlike wireframes, which just give an idea of the layout, a mockup should look like the final product. A mockup is, like the wireframe, just a static presentation, this means it is not interactive and clickable like a prototype.

### Mockup tools

You can use a pen and paper and draw your ideas.

But to create some more realistic mockups, you need mockup tools.

There are plenty of tools free and paid for. Some free tools you could try are [AdobeXD](https://www.adobe.com/products/xd.html) and [UXPin](https://www.uxpin.com/).

Paid tools are, for example, [InVision](https://www.invisionapp.com/) or [Moqups](https://moqups.com/). If you need some example mockups, or want to get inspiration, you can take a look at [dribbble](https://dribbble.com/).

#### Related terms

## Optimize your user experience

Try out UXCam today to get a 360-degree view of user behavior across your apps and websites