スマホモックアップ作成ツール

スマホモックアップは、スクリーンショットや写真をリアルなスマホのフレームの中に配置し、まるで実機で動いているかのように見せるものです。デザイナーや開発者、マーケターが、アプリストアのスクリーンショットやランディングページ、ポートフォリオ、プレゼン、SNS投稿などに活用しています。

現在はフォトリアルなiPhone 17 Pro Maxを使用しています — ナチュラルチタニウムまたはブラックチタニウムで、5つの角度から表示できます。今後さらに多くのスマホを追加し、人気モデルには専用ページも用意していく予定なので、プロジェクトにぴったりの端末を選べるようになります。

無料で、アカウントなしで使えます — すべてブラウザ内で動作します。たくさんモックアップを作る場合は、Proにすると1日の上限が引き上げられ、広告も非表示になります。

いいえ。スクリーンショットはお使いのブラウザ内でローカルに合成されるので、端末から外に出ることはありません。だから処理は速く、未公開のデザインも安心して扱えます。

そのスマホで撮った縦向きのスクリーンショットが最適です — 選んだ端末の推奨サイズがツールに表示されます。それ以外の画像も画面に合わせて自動で中央トリミングされるので、サイズがぴったりでなくても大丈夫です。

高解像度の画像をPNG（透過背景つき）・JPG・WebPで書き出せます — そのままデザインやストアの掲載ページ、スライドに使えます。影やカメラの切り抜きのオン・オフも切り替えられます。

ツールの拡充や不明点の解消のため、フィードバックを歓迎します。