# AIDesigner AIDesignerはプロンプトからWeb UI、アプリ画面、ロゴ、マーケティング画像を生成し、REST APIとMCPにも対応します。 - Findings24: - ウェブサイト: - 料金: Freemium - カテゴリー: AIデザインアシスタント ## AIDesignerとは？ AIDesignerは、プロンプトからWebサイトUI、モバイルアプリ画面、画像、ブランドキット、ロゴ、マーケティング画像を作成するAIデザイン製品です。サイトでは、ブラウザベースのデザインツールとして、またコーディングアシスタント向けのMCP接続ワークフローとして紹介されています。 そのデザインフローは、各プロンプトを一度きりの出力として扱うのではなく、洗練されたレイアウトを生成してから文脈の中で調整していくことに重点を置いています。製品ページでは、WebサイトUI、モバイルアプリ画面、ブランド/キャンペーン素材に加え、インスピレーション、既存デザインやURLの忠実な再現、改善のためのワークフローが強調されています。 開発者向けには、AIDesignerはREST API と MCP サーバーも公開しています。REST API はバックエンドサービスやキュー処理ジョブ向け、MCP はリポジトリ認識型ワークフローの中でアシスタント主導のデザイン生成を直接行いたい Claude Code、Codex、Cursor、VS Code/Copilot、Windsurf などのツール向けに位置付けられています。 ## AIDesignerでできること ### Web UI 生成 ランディングページ、SaaS ダッシュボード、Eコマースページ、製品インターフェースなど、公開可能な Web レイアウト向けの Web UI をプロンプトから生成します。 ### モバイルアプリ画面デザイン 白紙のキャンバスから始めずに、オンボーディング、ショッピング、金融などのモバイルアプリ画面を作成できます。 ### ブランド・マーケティング素材の作成 視覚的な方向性を統一しながら、ブランドキット、ロゴ案、画像、広告、インフォグラフィック、再利用可能なキャンペーン素材を作成できます。 ### 反復的な सुधार セクションの編集、コピーの書き換え、画像の差し替え、バリエーションの探索をしながら、デザインを最初から作り直すことなく同じ方向性で反復できます。 ## 利用シーン ### Web 製品のモックアップ すばやく洗練された出発点が必要なときに、AIDesigner を使ってランディングページ、SaaS ダッシュボード、Eコマースページ、製品インターフェースの下書きを作成します。 ### モバイルアプリ UI 各画面を手作業で一から組み立てることなく、モバイル製品向けのオンボーディングフロー、ショッピング画面、金融ダッシュボードを生成します。 ### ブランドおよびキャンペーン素材 クロスチャネルのマーケティング業務向けに、ロゴ案、ブランドキット、広告、インフォグラフィック、再利用可能なキャンペーンビジュアルを作成します。 ### エディタベースのデザインワークフロー コードエディタ内で MCP サーバーを接続し、AI アシスタントがリポジトリの文脈の中でデザインを生成、調整、採用できるようにします。 ### プログラムによる生成 バックエンドサービス、社内ツール、またはアシスタント経由ではなく HTTP で HTML 生成をリクエストしたい自動化処理で REST API を利用します。 ## よくある質問 ### AIDesigner を自分のコーディングアシスタントに接続するにはどうすればよいですか？ AIDesignerはブラウザ製品と、コーディングアシスタント向けのMCPサーバーの両方を提供しています。MCP経由は Claude Code、Codex、Cursor、VS Code/Copilot、Windsurf などのツールを想定しており、OAuth ベースのサインインとホスト固有のセットアップに対応しています。 ### MCP 体験のセットアップ手順はどのようになっていますか？ ドキュメントでは、コードエディタやターミナル内でデザインを生成・調整・採用するワークフローが示されています。サーバーを起動し、アシスタントを接続して OAuth を完了したうえで、UI の作成や調整をアシスタントに指示します。 ### 複数のチームメンバーで同じアカウントや API の利用枠を共有できますか？ この製品は個人アカウントと接続済みアシスタント向けに作られていますが、ドキュメントでは正式なチーム向けワークスペースモデルは説明されていません。REST API のドキュメントでは、API キーと REST の利用は同じ認証済みアカウント内で共有されると記載されています。 ### AIDesigner ではどのような出力を生成できますか？ AIDesigner は、プロンプトから Web UI、モバイルアプリ画面、画像、ブランドキット、ロゴ、マーケティング画像を生成できます。API ドキュメントには、inspire、clone、enhance のワークフロー向けの Web サイト分析モードも記載されています。 ### 利用上の主な制限や製品上の制約はありますか？ ソースではいくつかの実用的な制限が示されています。REST 生成にはレート制限があり、同時生成数にも上限があります。また、背景除去やベクター化など一部の画像操作は MCP ドキュメント上で Pro 特典として扱われています。 ## クイック情報 - **カテゴリ**: AI デザインツール - **主なワークフロー**: プロンプトベースの生成、反復的な調整、URL ベースのインスピレーション/クローン/改善 - **開発者向けアクセス**: REST API と MCP サーバー - **対応 MCP ホスト**: Claude Code, Codex, Cursor, VS Code/Copilot, Windsurf - **ソースドメイン**: aidesigner.ai - **価格情報**: 無料プランあり。Pro プランと API 利用が案内されています