> ## Documentation Index
> Fetch the complete documentation index at: https://dripart-docs-recommend-assets-api.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# ComfyUI 公式ドキュメント

> ComfyUI 公式ドキュメント

<div className="relative">
  <div className="w-full text-center mt-16 pb-8">
    <div className="mt-24 text-center">
      <img src="https://mintcdn.com/dripart-docs-recommend-assets-api/vOzpkhfW66oMhnm-/logo/light.svg?fit=max&auto=format&n=vOzpkhfW66oMhnm-&q=85&s=2ebf05a23a958e7297e41840125d9c43" className="block dark:hidden pointer-events-none mx-auto" width="204" height="57" data-path="logo/light.svg" />

      <img src="https://mintcdn.com/dripart-docs-recommend-assets-api/vOzpkhfW66oMhnm-/logo/dark.svg?fit=max&auto=format&n=vOzpkhfW66oMhnm-&q=85&s=8d846f59d48c409503ad8a92bceab9f1" className="hidden dark:block pointer-events-none mx-auto" width="204" height="57" data-path="logo/dark.svg" />
    </div>

    <div className="flex justify-center w-full">
      <h1
        style={{
    fontSize: "18px",
    fontWeight: "bold",
    marginTop: "10px",
    textAlign: "center"
  }}
        className="text-center"
      >
        ComfyUI 公式ドキュメント
      </h1>
    </div>
  </div>

  {/* social start */}

  <div className="text-center pb-8">
    <div className="flex gap-4 justify-center items-center">
      <a href="https://github.com/comfyanonymous/ComfyUI/" target="_blank" className="hover:opacity-80">
        <Icon icon="github" iconType="solid" size={32} />
      </a>

      <a href="https://x.com/ComfyUI" target="_blank" className="hover:opacity-80">
        <Icon icon="x-twitter" iconType="solid" size={32} />
      </a>

      <a href="https://discord.com/invite/comfyorg" target="_blank" className="hover:opacity-80">
        <Icon icon="discord" iconType="solid" size={32} />
      </a>

      <a href="https://www.youtube.com/@comfyorg" target="_blank" className="hover:opacity-80">
        <Icon icon="youtube" iconType="solid" size={32} />
      </a>
    </div>
  </div>

  <div className="px-4 max-w-5xl mx-auto">
    <p className="max-w-xl mx-auto px-4 mb-12 text-lg text-center text-gray-500 dark:text-zinc-500">
      生成 AI 向け、最も強力なオープンソースのノードベースアプリケーション
    </p>

    {/* Getting Started Section */}

    <div className="mb-12">
      <h2 className="text-2xl font-bold mb-6 text-center">始め方</h2>

      <CardGroup cols={3}>
        <Card title="ダウンロードとインストール" icon="download" href="/ja/installation/system_requirements">
          Windows、macOS、または Linux に ComfyUI をインストール
        </Card>

        <Card title="最初の生成" icon="rocket" href="/ja/get_started/first_generation">
          最初の AI 生成画像を作成
        </Card>

        <Card title="基本概念" icon="lightbulb" href="/ja/development/core-concepts/workflow">
          ワークフロー、ノード、リンクを理解
        </Card>

        <Card title="Comfy Hub" icon="globe" href="https://comfy.org/workflows">
          世界のトップクリエイターとワークフローを発見
        </Card>
      </CardGroup>
    </div>

    {/* Learn & Tutorials Section */}

    <div className="mb-12">
      <h2 className="text-2xl font-bold mb-6 text-center">学習とチュートリアル</h2>

      <CardGroup cols={3}>
        <Card title="インターフェースガイド" icon="window-maximize" href="/ja/interface/overview">
          ComfyUI インターフェースをナビゲート
        </Card>

        <Card title="チュートリアル" icon="book-open" href="/ja/tutorials/basic/text-to-image">
          一般的なタスクのステップバイステップガイド
        </Card>

        <Card title="内蔵ノード" icon="diagram-project" href="/ja/built-in-nodes/overview">
          ComfyUI の各ノードについて学ぶ
        </Card>
      </CardGroup>
    </div>

    {/* Development Section */}

    <div className="mb-12">
      <h2 className="text-2xl font-bold mb-6 text-center">開発と拡張</h2>

      <CardGroup cols={3}>
        <Card title="開発ガイド" icon="code" href="/ja/development/overview">
          ComfyUI 開発に貢献
        </Card>

        <Card title="カスタムノード" icon="puzzle-piece" href="/ja/custom-nodes/overview">
          カスタムノードを作成して公開
        </Card>

        <Card title="ローカル API" icon="terminal" href="/ja/development/comfyui-server/comms_overview">
          ローカル ComfyUI サーバーと統合
        </Card>

        <Card title="Cloud API" icon="cloud" href="/ja/development/cloud/overview">
          ComfyUI Cloud API 経由でワークフローを実行
        </Card>

        <Card title="Cloud API リファレンス" icon="book" href="/ja/development/cloud/api-reference">
          ComfyUI Cloud API リファレンスを確認
        </Card>

        <Card title="Cloud MCP サーバー" icon="server" href="/ja/development/cloud/mcp-server">
          MCP を介して AI エージェントを ComfyUI Cloud に接続
        </Card>
      </CardGroup>
    </div>

    {/* Get Help Section */}

    <div className="mb-12">
      <h2 className="text-2xl font-bold mb-6 text-center">ヘルプ</h2>

      <CardGroup cols={3}>
        <Card title="サポートお問い合わせ" icon="headset" href="/ja/support/contact-support">
          サポートチームからヘルプを取得
        </Card>

        <Card title="アカウント管理" icon="user-gear" href="/ja/account/create-account">
          アカウントの作成、ログイン、および管理
        </Card>

        <Card title="請求サポート" icon="credit-card" href="/ja/support/subscription/subscribing">
          サブスクリプションと支払いを管理
        </Card>

        <Card title="トラブルシューティング" icon="circle-question" href="/ja/troubleshooting/overview">
          一般的な問題とエラーを解決
        </Card>

        <Card title="コミュニティ" icon="users" href="/ja/community/links">
          ComfyUI コミュニティに参加
        </Card>
      </CardGroup>
    </div>

    {/* About ComfyUI Section */}

    <div className="text-center mt-16 mb-8">
      <h2 className="text-2xl font-bold mb-4">ComfyUI について</h2>

      <p className="mb-4">
        <a href="https://github.com/comfyanonymous" className="text-blue-500 dark:text-blue-400 underline hover:text-blue-600 dark:hover:text-blue-500">comfyanonymous</a> および他の<a href="https://github.com/comfyanonymous/ComfyUI/graphs/contributors" className="text-blue-500 dark:text-blue-400 underline hover:text-blue-600 dark:hover:text-blue-500">貢献者</a>によって執筆。
      </p>

      <ul className="list-none space-y-2 max-w-2xl mx-auto">
        <li><strong>ComfyUI</strong> は生成 AI 向けのノードベースインターフェースおよび推論エンジンです</li>
        <li>ユーザーはノードを介してさまざまな AI モデルと操作を組み合わせ、高度にカスタマイズ可能で制御可能なコンテンツ生成を実現できます</li>
        <li>ComfyUI は完全にオープンソースであり、ローカルデバイスで実行できます</li>
      </ul>
    </div>
  </div>
</div>