raph651/open-source-canvas

어떤 프로젝트인가요?

핵심 기능

• 01실행 취소/다시 실행, 그룹화, 복사/붙여넣기를 지원하는 무한 노드 캔버스와 타입이 지정된 연결 기능.
• 02프롬프트, 참조 자료, 모델, 해상도, 화면 비율, 길이, 시드를 설정하는 노드별 생성 패널.
• 03앞 단계의 이미지가 다음 노드로 전달되는 이미지 간 및 이미지에서 동영상으로 이어지는 체인.
• 04SD-Turbo와 LTX-Video 2B를 기본 모델로 사용하는 로컬 ComfyUI 서버 연동.
• 05로컬 자동 저장, 버전 기록, 내보내기를 지원하며 일반 JSON으로 저장되는 보드.
• 06WebSocket을 통해 보드를 동기화하는 선택형 협업 공간.

활용 사례

• 자신의 컴퓨터에서 프롬프트를 바탕으로 이미지나 짧은 동영상 시퀀스를 프로토타이핑.
• 스토리보드나 모션 테스트를 위해 이미지 생성을 이미지-동영상 변환으로 연결.
• 여러 사람이 출력물을 서로 분리해 사용할 수 있도록 공유 ComfyUI 인스턴스 운영.

빠른 시작

1. 1

   저장소를 클론하고 앱 종속성을 설치합니다

   git clone https://github.com/raph651/open-source-canvas.git && cd open-source-canvas && npm install
2. 2

   ComfyUI를 설정하고 기본 모델을 다운로드합니다(또는 README의 수동 설정 단계를 따릅니다)

   ./scripts/setup-comfyui.sh --with-video
3. 3

   앱을 개발 모드로 시작한 다음 http://127.0.0.1:4173 을 엽니다

   npm run dev

사용 전 알아둘 점

• !앱과 함께 로컬 ComfyUI 서버를 실행해야 합니다.
• !LTX-Video 2B는 기본 설정에서 약 24GB의 통합 메모리 또는 GPU 메모리가 필요합니다.
• !Seedream, LTX-2.5 등의 API 모델은 아직 캔버스에서 생성할 수 없으며 사용자 지정 래퍼가 필요합니다.
• !일부 모델 가중치에는 제한적인 라이선스가 적용됩니다. 예를 들어 대기업용 LTX-2.5 라이선스와 MiniMax H3의 커뮤니티 라이선스가 있습니다.

포함된 컬렉션

토픽

자주 묻는 질문

open-source-canvas은(는) 무엇인가요?

프롬프트, 참조 자료, 모델을 워크플로로 연결해 로컬 ComfyUI 서버에서 이미지를 생성하는 오픈소스 노드 캔버스입니다. Open Source Canvas는 이미지와 동영상을 생성하기 위한 노드 기반 스튜디오입니다. 프롬프트, 참조 이미지, 모델을 무한 보드에 노드로 배치하고 선으로 연결하면 완성된 이미지와 동영상 클립이 출력됩니다. 프런트엔드는 React, Vite, React Flow로 구축되어 있으며 자체적으로 생성 작업을 수행하지 않습니다. 모든 작업은 HTTP 및 WebSocket API를 통해 ComfyUI 서버로 전송됩니다.

open-source-canvas은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

open-source-canvas은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

open-source-canvas은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. open-source-canvas의 마지막 커밋은 2026년 11월 1일입니다.

open-source-canvas은(는) 어디에 사용할 수 있나요?

자신의 컴퓨터에서 프롬프트를 바탕으로 이미지나 짧은 동영상 시퀀스를 프로토타이핑. 스토리보드나 모션 테스트를 위해 이미지 생성을 이미지-동영상 변환으로 연결. 여러 사람이 출력물을 서로 분리해 사용할 수 있도록 공유 ComfyUI 인스턴스 운영.

open-source-canvas는 어떻게 설치하나요?

저장소를 클론하고 앱 종속성을 설치합니다: git clone https://github.com/raph651/open-source-canvas.git && cd open-source-canvas && npm install ComfyUI를 설정하고 기본 모델을 다운로드합니다(또는 README의 수동 설정 단계를 따릅니다): ./scripts/setup-comfyui.sh --with-video 앱을 개발 모드로 시작한 다음 http://127.0.0.1:4173 을 엽니다: npm run dev

open-source-canvas은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/raph651/open-source-canvas