ダッシュボードのモックアップ生成

グラフ、KPIカード、テーブルを備えた分析ダッシュボード。MacBook、ブラウザ、フレームなしで表示。

ここにスクショをドロップ

サイズ

形式

画像はブラウザ内だけで処理され、アップロードされません。

LPやピッチ資料用にダッシュボードのスクショが必要なのに、プロダクトがまだできていない?このジェネレーターは本物らしい管理画面を描きます。売上グラフ、流入元、スパークライン付きKPIカード、最近の注文テーブル。「別のパターン」で5つのレイアウトを切り替えられます。

アクセントカラーをブランドに合わせ、ダークモードに切り替え、プロダクト名を入れて、MacBook Proに3Dアングルで配置。すべてブラウザ内で描画され、高解像度PNGでダウンロードできます。

作例

使い方

  1. 画面を選ぶ

    18種類のUI(各5レイアウト)から選ぶか、自分のスクリーンショットを使います。「別のパターン」で何度でも作り直せます。

  2. デバイスを選ぶ

    iPhone 17 Pro、iPhone Air、MacBook Pro、MacBook Air、またはブラウザウィンドウ。

  3. ダウンロード

    角度と背景を選び、高解像度のPNG・JPG・WebPを保存。透過背景にも対応しています。

よくある質問

生成されるダッシュボードには何がありますか?

ナビゲーション付きサイドバー、検索付きヘッダー、スパークライン付きKPIカード4枚、売上の折れ線グラフ、流入元のドーナツグラフ、ステータス付きの注文テーブルです。

ダークなダッシュボードは作れますか?

はい。カラーをダークにすると、すべての要素、グラフ、バッジがダークテーマに切り替わります。

ロゴの文字は変えられますか?

「プロダクト名」に入力すると、サイドバー、メニューバー、ブラウザのアドレスバーに表示されます。

無料で使えますか?

はい。すべてのUI、デバイス、角度、サイズが無料で、アカウントも不要です。商用プロジェクトにも使えます。

自分のスクリーンショットをiPhoneやMacBookに入れられますか?

はい。「自分のスクショ」をクリックするか、プレビューに画像をドラッグ、またはCtrl/Cmd+Vで貼り付けます。画像はブラウザ内で処理され、アップロードされません。

その他のモックアップ

画面タイプ別モックアップ


デバイス別モックアップ