モックアップとは、Webサイトやアプリケーションのデザインやレイアウトを視覚的に示すための静的なモデルです。

実際に動作するプロトタイプとは異なり、モックアップはあくまでデザインやレイアウトを確認するためのものです。
ユーザーインターフェース（UI）の見た目や色、フォント、画像の配置など、最終的なデザインのイメージを具体的に伝えるために作成されます。

モックアップは、開発者やデザイナーがクライアントやチームメンバーとデザインの方向性を共有する際に役立ちます。
たとえば、ボタンの大きさや配置、ページ全体のバランスを確認したり、実際のユーザーがどのように感じるかを視覚的に表現できます。
これにより、開発の早い段階でフィードバックを得て、修正を加えることが可能です。
ツールとしては、Adobe XDやFigma、Sketchなどがあります。

モックアップは、プロジェクトの進行をスムーズにし、最終的なデザインを高品質に仕上げるために重要な役割を果たします。