← Tools画像は端末内で処理
local mockup maker

スマホ画面のスクショから、LP用の見せ方をすばやく作る。

アプリ画面のスクリーンショットを読み込み、端末フレーム、見出し、背景色、余白を調整して1枚のモック画像にできます。画像はブラウザ内で処理され、外部サーバーへ送信されません。

ストア画像の下書き

画面キャプチャを端末フレームにはめ、見出し付きの紹介画像として試せます。

LPの方向性確認

色、余白、タイトル量を変えながら、ファーストビューの印象を確認できます。

ローカル処理

読み込んだ画像はCanvasで描画するだけなので、サーバーにアップロードされません。

アプリLPモック作成 の使い方

  1. スクリーンショットを読み込み、タイトルや補足テキストを入力します。
  2. 背景色、配置、端末フレーム、余白を調整します。
  3. プレビューを確認し、PNG画像として保存します。

使う前に確認すること

  • 実際のアプリ画面が読めるよう、文字やUIを小さくしすぎないでください。
  • ストア提出や広告素材に使う場合は、権利表記や画像内容を確認してください。
  • 通知、メールアドレス、位置情報など、公開したくない情報がスクショに写っていないか確認してください。