> ## Documentation Index
> Fetch the complete documentation index at: https://comfyuiwiki.com/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/comfyuiwikicom/wQRHATP5k3brbzHr/logo/light.svg?fit=max&auto=format&n=wQRHATP5k3brbzHr&q=85&s=2361696e67366045415df1027db148ae" className="block dark:hidden pointer-events-none mx-auto" width="204" height="57" data-path="logo/light.svg" />

      <img src="https://mintcdn.com/comfyuiwikicom/wQRHATP5k3brbzHr/logo/dark.svg?fit=max&auto=format&n=wQRHATP5k3brbzHr&q=85&s=5e79643c09d758904adb3f1e3b23705b" 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>

  {/* 소셜 시작 */}

  <div className="pb-8 text-center">
    <div className="flex items-center justify-center gap-4">
      <a href="https://github.com/Comfy-Org/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>

  {/* CAT 광고: comfyuiwiki → missavdh.com 퍼널. incoming-visits-logger로 추적(ref + via + utm_*). 자세한 내용은 CAT_AD_DESIGN.md 참조. */}

  <a href="https://missavdh.com/?ref=comfyuiwiki&via=cat-ad-hero&utm_source=comfyuiwiki.com&utm_medium=docs-cat&utm_campaign=comfyui-funnel&from=index-hero" target="_blank" rel="noopener noreferrer" className="group relative mx-auto my-12 block max-w-5xl overflow-hidden rounded-3xl bg-gradient-to-br from-[#49378B] via-[#7c3aed] to-[#ec4899] text-white no-underline shadow-2xl ring-1 ring-white/30 transition-all duration-300 hover:scale-[1.01] hover:shadow-[0_25px_60px_-15px_rgba(236,72,153,0.6)] focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-[#7c3aed] focus:outline-none" aria-label="실시간 미리보기 및 다운로드 카탈로그 열기 — 7 장 미리보기 썸네일, missavdh.com 외부 링크, 18 세 이상">
    <div className="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/30 via-transparent to-white/10" aria-hidden="true" />

    <div className="relative p-6 sm:p-8">
      <div className="mb-6 flex h-44 items-end justify-center gap-2 sm:mb-8 sm:h-60 sm:gap-3" aria-hidden="true">
        <img src="https://mintcdn.com/comfyuiwikicom/jBy8uThZJ6MD6qYM/images/cat-ad/1.jpg?fit=max&auto=format&n=jBy8uThZJ6MD6qYM&q=85&s=d37ed307acdbc14192592dde26b51ab1" alt="" loading="lazy" className="h-32 w-24 rounded-xl object-cover shadow-xl ring-2 ring-white/40 transition-transform duration-300 group-hover:scale-110 sm:h-40 sm:w-28" style={{ transform: 'rotate(-6deg)' }} width="2496" height="3648" data-path="images/cat-ad/1.jpg" />

        <img src="https://mintcdn.com/comfyuiwikicom/jBy8uThZJ6MD6qYM/images/cat-ad/2.jpg?fit=max&auto=format&n=jBy8uThZJ6MD6qYM&q=85&s=463f8dce3d9eaea128f060357956642d" alt="" loading="lazy" className="h-36 w-24 rounded-xl object-cover shadow-xl ring-2 ring-white/40 transition-transform duration-300 group-hover:scale-110 sm:h-44 sm:w-28" style={{ transform: 'rotate(4deg)' }} width="2496" height="3648" data-path="images/cat-ad/2.jpg" />

        <img src="https://mintcdn.com/comfyuiwikicom/jBy8uThZJ6MD6qYM/images/cat-ad/3.jpg?fit=max&auto=format&n=jBy8uThZJ6MD6qYM&q=85&s=fbed39287e2f02a491d968dbfa7ac603" alt="" loading="lazy" className="h-32 w-24 rounded-xl object-cover shadow-xl ring-2 ring-white/40 transition-transform duration-300 group-hover:scale-110 sm:h-40 sm:w-28" style={{ transform: 'rotate(-3deg)' }} width="2496" height="3648" data-path="images/cat-ad/3.jpg" />

        <img src="https://mintcdn.com/comfyuiwikicom/jBy8uThZJ6MD6qYM/images/cat-ad/4.jpg?fit=max&auto=format&n=jBy8uThZJ6MD6qYM&q=85&s=7c0311a41764d9fc439528e0e6e545f2" alt="" loading="lazy" className="h-36 w-24 rounded-xl object-cover shadow-xl ring-2 ring-white/40 transition-transform duration-300 group-hover:scale-110 sm:h-44 sm:w-28" style={{ transform: 'rotate(5deg)' }} width="2496" height="3648" data-path="images/cat-ad/4.jpg" />

        <img src="https://mintcdn.com/comfyuiwikicom/jBy8uThZJ6MD6qYM/images/cat-ad/5.jpg?fit=max&auto=format&n=jBy8uThZJ6MD6qYM&q=85&s=9e09b191198b63a2233126e79edf584c" alt="" loading="lazy" className="h-32 w-24 rounded-xl object-cover shadow-xl ring-2 ring-white/40 transition-transform duration-300 group-hover:scale-110 sm:h-40 sm:w-28" style={{ transform: 'rotate(-4deg)' }} width="2480" height="3508" data-path="images/cat-ad/5.jpg" />

        <img src="https://mintcdn.com/comfyuiwikicom/jBy8uThZJ6MD6qYM/images/cat-ad/6.jpg?fit=max&auto=format&n=jBy8uThZJ6MD6qYM&q=85&s=471ec29753e407cb40faefe54e732c99" alt="" loading="lazy" className="h-36 w-24 rounded-xl object-cover shadow-xl ring-2 ring-white/40 transition-transform duration-300 group-hover:scale-110 sm:h-44 sm:w-28" style={{ transform: 'rotate(3deg)' }} width="2496" height="3648" data-path="images/cat-ad/6.jpg" />

        <img src="https://mintcdn.com/comfyuiwikicom/jBy8uThZJ6MD6qYM/images/cat-ad/7.jpg?fit=max&auto=format&n=jBy8uThZJ6MD6qYM&q=85&s=8e87e6a8ae8add87b8a3726fde59346e" alt="" loading="lazy" className="h-32 w-24 rounded-xl object-cover shadow-xl ring-2 ring-white/40 transition-transform duration-300 group-hover:scale-110 sm:h-40 sm:w-28" style={{ transform: 'rotate(-5deg)' }} width="2496" height="3648" data-path="images/cat-ad/7.jpg" />
      </div>

      <div className="flex flex-col items-stretch gap-4 sm:flex-row sm:items-center sm:gap-6">
        <div className="flex h-16 w-16 flex-shrink-0 self-center items-center justify-center rounded-full bg-white/20 text-4xl backdrop-blur-sm ring-2 ring-white/30 sm:h-20 sm:w-20 sm:text-5xl" aria-hidden="true">
          ✨
        </div>

        <div className="min-w-0 flex-1 text-center sm:text-left">
          <div className="mb-2 flex flex-wrap items-center justify-center gap-2 sm:justify-start">
            <span className="inline-flex items-center gap-1 rounded-full border border-white/40 bg-white/15 px-2 py-0.5 text-[10px] font-bold tracking-wider uppercase backdrop-blur-sm">
              <span className="h-1.5 w-1.5 rounded-full bg-red-300" aria-hidden="true" />

              18+
            </span>

            <span className="text-xs font-medium text-white/80">실시간 카탈로그 · 매일 업데이트</span>
          </div>

          <div className="text-xl leading-tight font-extrabold sm:text-2xl">
            실시간 미리보기 + 원클릭 다운로드
          </div>

          <div className="mt-1.5 text-sm leading-relaxed text-white/90 sm:text-base">
            엄선된 ComfyUI 워크플로·모델·도구.
          </div>
        </div>

        <div className="inline-flex flex-shrink-0 self-center items-center justify-center gap-2 rounded-full bg-white px-7 py-4 text-base font-bold whitespace-nowrap text-[#49378B] shadow-lg transition-all duration-200 group-hover:gap-3 group-hover:shadow-xl sm:px-8 sm:py-4 sm:text-lg">
          지금 보기
          <span className="text-lg transition-transform duration-200 group-hover:translate-x-1" aria-hidden="true">→</span>
        </div>
      </div>
    </div>
  </a>

  <div className="px-4 max-w-5xl mx-auto">
    <p className="mx-auto mb-12 max-w-xl px-4 text-center text-lg text-gray-500 dark:text-zinc-500">
      생성형 AI를 위한 가장 강력한 오픈소스 노드 기반 애플리케이션
    </p>

    {/* 시작하기 섹션 */}

    <div className="mb-12">
      <h2 className="mb-6 text-center text-2xl font-bold">시작하기</h2>

      <CardGroup cols={3}>
        <Card title="다운로드 및 설치" icon="download" href="/ko/installation/system_requirements">
          Windows, macOS, 또는 Linux에서 ComfyUI 설치하기
        </Card>

        <Card title="첫 번째 생성" icon="rocket" href="/ko/get_started/first_generation">
          첫 번째 AI 생성 이미지 만들기
        </Card>

        <Card title="기본 개념" icon="lightbulb" href="/ko/development/core-concepts/workflow">
          워크플로우, 노드, 링크 이해하기
        </Card>

        <Card title="Comfy 워크플로우" icon="globe" href="https://comfy.org/workflows">
          전 세계 최고의 크리에이터와 ComfyUI 워크플로우 둘러보기
        </Card>
      </CardGroup>
    </div>

    {/* AI 에이전트 및 MCP 섹션 */}

    <div className="mb-12">
      <h2 className="mb-6 text-center text-2xl font-bold">AI 에이전트 및 MCP</h2>

      <CardGroup cols={3}>
        <Card title="에이전트 도구 개요" icon="robot" href="/ko/agent-tools">
          이미지, 비디오, 오디오 및 3D 생성을 위해 MCP를 통해 AI 에이전트 연결하기
        </Card>

        <Card title="클라우드 MCP 서버" icon="server" href="/ko/agent-tools/mcp">
          cloud.comfy.org에서 호스팅하는 MCP — 클라우드 GPU에서 워크플로우 실행하기
        </Card>

        <Card title="Comfy CLI" icon="terminal" href="/ko/agent-tools/cli">
          터미널에서 comfy generate(베타)로 파트너 모델 호출하기
        </Card>
      </CardGroup>
    </div>

    {/* 학습 및 튜토리얼 섹션 */}

    <div className="mb-12">
      <h2 className="mb-6 text-center text-2xl font-bold">학습 및 튜토리얼</h2>

      <CardGroup cols={3}>
        <Card title="인터페이스 가이드" icon="window-maximize" href="/ko/interface/overview">
          ComfyUI 인터페이스 탐색하기
        </Card>

        <Card title="튜토리얼" icon="book-open" href="/ko/tutorials/basic/text-to-image">
          일반적인 작업을 위한 단계별 가이드
        </Card>

        <Card title="내장 노드" icon="diagram-project" href="/ko/built-in-nodes/overview">
          ComfyUI의 각 노드 알아보기
        </Card>
      </CardGroup>
    </div>

    {/* 개발 섹션 */}

    <div className="mb-12">
      <h2 className="mb-6 text-center text-2xl font-bold">개발 및 확장</h2>

      <CardGroup cols={3}>
        <Card title="개발 가이드" icon="code" href="/ko/development/overview">
          ComfyUI 개발에 기여하기
        </Card>

        <Card title="커스텀 노드" icon="puzzle-piece" href="/ko/custom-nodes/overview">
          커스텀 노드 만들고 배포하기
        </Card>

        <Card title="로컬 API" icon="terminal" href="/ko/development/comfyui-server/comms_overview">
          로컬 ComfyUI 서버와 통합하기
        </Card>

        <Card title="클라우드 API" icon="cloud" href="/ko/development/cloud/overview">
          ComfyUI 클라우드 API를 통해 워크플로우 실행하기
        </Card>

        <Card title="클라우드 API 참조" icon="book" href="/ko/development/cloud/api-reference">
          ComfyUI 클라우드 API 참조 살펴보기
        </Card>
      </CardGroup>
    </div>

    {/* 도움 받기 섹션 */}

    <div className="mb-12">
      <h2 className="mb-6 text-center text-2xl font-bold">도움 받기</h2>

      <CardGroup cols={3}>
        <Card title="지원팀 문의" icon="headset" href="/ko/support/contact-support">
          지원팀의 도움 받기
        </Card>

        <Card title="계정 관리" icon="user-gear" href="/ko/account/create-account">
          계정 생성, 로그인, 관리하기
        </Card>

        <Card title="청구 지원" icon="credit-card" href="/ko/support/subscription/subscribing">
          구독 및 결제 관리하기
        </Card>

        <Card title="문제 해결" icon="circle-question" href="/ko/troubleshooting/overview">
          일반적인 문제와 오류 해결하기
        </Card>

        <Card title="커뮤니티" icon="users" href="/ko/community/links">
          ComfyUI 커뮤니티 참여하기
        </Card>
      </CardGroup>
    </div>

    {/* ComfyUI 소개 섹션 */}

    <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/Comfy-Org/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>