/help/claude

ClaudeでUX Pilotを使う方法

UX Pilotは、AIでワイヤーフレームと高精細UIをデザインするためのツールです。Claudeの中で画面やプロダクトフローを依頼し、チャットでプレビューし、そのままUX Pilotで編集を続けられます。

できること

• 自然な文章のプロンプトで、単一画面のワイヤーフレームまたは仕上げたUIをClaudeに依頼する
• 複数画面のアプリ／サイトフローを依頼し、生成する画面を選んでそれぞれをプレビューする
• Claudeのチャット内でインタラクティブなプレビューを見る
• さらに編集したいときは Open in UX Pilot でUX Pilotに進む
• Claudeに求められたらUX Pilotアカウントでサインインする — APIキーは不要

ClaudeでUX Pilotを設定する

次の手順を一度行えば、どのチャットでもデザインを生成できます。

1. claude.ai または Claude Desktop でClaudeを開きます。
2. Settings → Connectors を開きます。
3. UX Pilotを見つけて追加または有効にします。
4. Claudeが許可を求めたら、UX Pilotアカウントにサインインしてアクセスを許可します。
5. 新しいチャットを開始し、UX PilotでデザインするようClaudeに依頼します。

Claudeは実行前にUX Pilotのツール承認を求めることがあります。デザインとアクセスは、サインインしたUX Pilotアカウントに紐づきます。

チャットでの使い方

• 1画面：必要なページ（料金ページやログイン画面など）を説明します。ClaudeがワイヤーフレームまたはUIを生成し、チャットにプレビューを表示します。
• 複数画面：プロダクトやサイトのフローを説明します。UX Pilotが画面案を提示するので、必要なものを選んで生成し、各プレビューを確認します。
• 編集を続ける：デザインが良ければ Open in UX Pilot をクリックしてUX Pilotエディターで開きます。

試してみるプロンプト例

UX Pilotを有効にしたら、次のいずれかをClaudeに貼り付けてください。

うまくいったときの確認ポイント

• Claudeの返信にUX Pilotのプレビューが表示される
• 生成されたワイヤーフレームまたはUIが見える
• Open in UX Pilot でUX Pilotワークスペースのデザインに移動する

プライバシーとサポート

• プライバシーポリシー:
• ウェブサイト:
• サポートが必要な場合: support@uxpilot.ai

うまくいかないとき

• サインインが完了しない — Claudeが開いたブラウザウィンドウで承認を完了してから、もう一度依頼してください。
• プレビューが出ない — Settings → Connectors でUX Pilotをオフにしてからオンにし、新しいチャットを開始してください。
• Open in UX Pilot で別アカウントや空のデザインになる — Claudeで承認したのと同じUX Pilotアカウントでサインインしているか確認してください。