純粋にプロなモックアップ制作台

アプリのスクリーンショットを、実機の iPhone / Android フレームに乗せて仕上げる。 レイアウト・背景・ライティングを調整し、ブラウザだけで公開用の画像を書き出せます。

無料 登録不要 透かしなし 画像は端末内で処理

MockMock エディター:キャンバス上の iPhone モックアップ、左にテンプレート、右に設定パネル

使い方

スクショを追加

ドラッグ、ペースト、またはファイル選択。PNG / JPG / WEBP に対応。

レイアウトを選ぶ

1台中央、2台並び、3台斜め、ポスター切り抜き、5列ウォールから選択。

調整して書き出し

背景・光・シェル・サイズを整えて、最大 3× の PNG / JPG をダウンロード。

MockMock で作った作例

エディタからの実書き出し
ベージュ背景に斜め配置した3台のシルバー iPhone モックアップ
並んだ2台の iPhone モックアップとコントラストのある画面
キャンバス端で切り抜かれた斜め iPhone のポスター構図

できること

5種類のレイアウト。単機から5列ウォールまで、訴求に合わせて選べます。

背景。透明、単色6種、厳選グラデーション9種。

ライティング。光源をドラッグし、影の強さと柔らかさを調整。

実機シェル。写真ベースのフレーム。シルバー、Deep Blue、Cosmic Orange など。

サイズと間隔。40%〜160% のスケール、多端末の間隔・ずれも調整可能。

クリーンな書き出し。PNG(透明可)/ JPG、最大 4800 × 3000。

対応端末

iPhone 17 Pro
iPhone 17 Air
Google Pixel 7 Pro
端末は追加予定

LP、ストア紹介、Product Hunt、ポートフォリオ、SNS、ドキュメントなど、プロダクトを見せる場面で使えます。

準備ができたらすぐ

最初の1枚は、だいたい1分くらいです。

モックアップを作る