プロンプトテンプレート

日中の木製デスクに置いたノートパソコンのUI/UXモックアップ

このプロンプトは、超写実的なシーンを描きます。柔らかな日の光が入るミニマルな木製デスクに薄型のモダンなノートパソコンが置かれ、画面にはくっきりしたインターフェースが表示されています。初期設定では、画面はすっきりしたSaaSダッシュボードで、サイドバーのナビゲーション、グラフ、テーブル、上品なタイポグラフィ、実在しそうなラベルを備えています。また、読めないUI、崩れたグラフ、重なり合う要素、偽の他社ロゴは除外しています。作例では、鉢植えの植物、ペンを添えたノート、コルクのコースターに載ったマグカップの横に、シルバーのノートパソコンが置かれていました。画面には、Flowdeskという架空のアプリの明るいプロジェクトダッシュボードが表示され、4枚の統計カード、プロジェクトの進捗を示す折れ線グラフ、タスクの状況を示すドーナツグラフ、最近のプロジェクトのテーブルが並んでいます。アプリ名、ユーザー名、数値はすべてモデルが作ったものなので、実在する製品の画像としてではなく、コンセプトやプレゼンテーション用のビジュアルとして使ってください。

アスペクト比 16:9参照画像は不要です
画像ジェネレーターを開くすべてのテンプレートを見る
植物とマグカップを置いた木製デスクの上のシルバーのノートパソコン。画面には統計カード、グラフ、テーブルのある明るいプロジェクトダッシュボード
Nano Banana Pro で GPT Image 2 を使って作成した例です。入力内容や設定によって結果は変わります。

テンプレートのプロンプト

プロンプトを画像ジェネレーターにコピーし、角かっこ内の内容を自分のものに置き換えてください。

Create a hyper-realistic UI/UX mockup displayed on a slim modern laptop placed on a minimal wooden desk with soft natural daylight. The screen shows [a clean SaaS dashboard] with elegant typography, glassmorphism cards if appropriate, neatly spaced components, sidebar navigation, charts, tables, and realistic labels. Style: photorealistic product photography plus crisp interface design. Restrictions: no unreadable UI, no broken charts, no overlapping elements, no fake third-party logos.

プロンプトのアイデア：github.com 元の投稿を見る

こんな用途に向いています

  • 実際のスクリーンショットができる前のランディングページ用ヒーロー画像
  • 製品のアイデアを利用シーンの中で見せるピッチ資料のスライド
  • UI/UXポートフォリオのケーススタディのカバー画像
  • 希望するダッシュボードのスタイルを開発者に伝えるビジュアルの指示書

プロンプトのコツ

  • 角かっこ内の画面の内容を、CRM、金融アプリ、分析ツールなど、ご自身のアイデアに置き換えてください
  • アプリ名、メニュー項目、主要な数値を引用符で囲んで指定すると、画面の内容を伝えたいストーリーに合わせられます
  • 公開する前に、モデルが作ったアプリ名が他社の製品名と重なっていないか確認してください
  • 濃いウォールナットのデスクやホームオフィスなど、デスクと小物を説明してブランドに合わせてください
  • グラフやテーブルを拡大し、数値やラベルが崩れていれば再生成してください

関連テンプレート

分析プラットフォーム向けのデザインシステムボード。色見本、タイプスケール、線画アイコン、ボタン、入力欄の状態、データカード、グラフ、余白が並んでいます

トークン、タイポグラフィ、コンポーネントをまとめたデザインシステムのプレゼンボード

カラートークン、タイポグラフィ、アイコン、ボタン、入力欄、データカード、グラフコンポーネント、余白の例を並べた、Figma風デザインシステムボード用のプロンプトです。

HELIX OPSという名前のデスクトップ運用ダッシュボード。暗いサイドバー、4枚のKPIカード、折れ線グラフ、ドーナツグラフ、棒グラフ、資産テーブル、アラート一覧があります

KPIカードとグラフを備えたデスクトップ向けSaaS運用ダッシュボードのモックアップ

サイドバー、フィルターバー、KPIカード、折れ線グラフ、データテーブル、アラートパネルを、スレートとコバルトブルーでまとめたデスクトップ分析ダッシュボードのモックアップ用プロンプトです。

パステル調のアファメーションカード12枚を格子状に並べた画像。葉と金色のラインの装飾、短い見出し、言葉を入れる仮の一文

自分の言葉を入れるスペース付き、印刷用アファメーションカードセット

柔らかな背景と装飾をあしらい、自分で入れる言葉のための空白エリアを残した、落ち着いた上質なアファメーションカードを格子状に並べるプロンプトです。