AIチャットのモックアップ

チャット履歴、プロンプト、構造化された回答、モダンな入力欄を備えたAIアシスタントのUI。

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

サイズ

形式

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

AIプロダクトを作っていますか?このテンプレートはおなじみのAIアシスタントのレイアウトを描きます。履歴のサイドバー、ユーザーの質問、選択肢と箇条書きのある構造化された回答、評価ボタン、添付・検索・音声付きの角丸の入力欄。

プロダクト名を入力すると、上部にモデル名として表示されます。

作例

使い方

  1. 画面を選ぶ

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

  2. デバイスを選ぶ

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

  3. ダウンロード

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

よくある質問

アシスタントに名前を付けられますか?

プロダクト名を入力すると、ヘッダーのモデル名が置き換わります。

ダーク版はありますか?

はい、ダークを選んでください。モノクロのアクセントでとてもミニマルになります。

スマホで表示できますか?

はい。iPhone版は提案チップ付きのモバイルAIチャットです。

無料で使えますか?

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

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

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

その他のモックアップ

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


デバイス別モックアップ