슬라이드 쇼는 왜 단조롭게 한장씩 순서대로 넘어가기만 할까? 내가 강조하고 싶은 부분을 카메라 줌 인 하거나 줌 아웃 및 미끄러지듯이 다른 슬라이드로 이동하며 집중도를 높일 수 없을까를 고민하며 만들어 보았습니다. Prezi 같은 줌 방식 발표를 쉽게 브라우저 기반과 오픈소스로 쓰고 싶어서 시작했습니다.
가장 큰 특징은 생성된 파일은 단일 html 로 내려받아 공유 할 수 있다는 점 입니다.
슬라이드를 한 장씩 넘기는 대신, 하나의 큰 캔버스에 내용을 자유롭게 배치하고 보여줄 영역에 "프레임"을 놓으면 카메라가 프레임 사이를 연속으로 확대·이동하며 발표하는 앱입니다.
- 쇼케이스: https://hwantage.github.io/CanvaSlide/showcase/ (다양하고 놀라운 예제를 확인해보세요)
- 웹 편집기: https://canvaslide.pages.dev/ (설치 없이 웹 브라우저에서 바로 사용)
- 다운로드: https://github.com/hwantage/CanvaSlide/releases (macOS universal dmg, Windows exe/msi)
주요 특징
- 큰 그림에서 세부까지 이어지는 발표
- 캔버스 위에 프레임을 그리고(F) 순서를 정하면 슬라이드 쇼에서 프레임 사이를 연속 줌/팬으로 이동합니다.
- 프레임별로 전환 시간, 가속 곡선, 궤적(arc), 기울기(roll), 스포트라이트 설정이 가능합니다.
- 전체 보기(O), 레이저 포인터, 발표 중 임시 잉크 필기(P/E) 기능을 지원합니다.
- 큰 프레임 내에 작은 프레임을 배치하여 확대 강조 효과를 연출 하기 좋습니다.
- 파일 하나로 공유
- 플레이어가 내장된 단일 HTML로 내보내 브라우저만 있으면 어디서든 재생 가능합니다.
- 프레임당 한 페이지인 PDF 내보내기, 글꼴을 HTML에 포함 가능합니다.
- 글꼴은 슬라이드에서 사용한 글자만 subset으로 포함하여 html 용량을 최소화 합니다.
- 클라우드 스냅샷 링크 공유: 편집 가능한 복사본 또는 슬라이드 쇼 전용 뷰어, 24시간 뒤 자동 삭제, 계정은 필요 없습니다.(나중에 만들어 질 수도 있습니다)
- 현재 claudeflare 무료 사용중이라 너무 많은 데이터가 쌓이면 링크 공유 기능 사용에 제약이 걸릴 수도 있습니다.
- AI로 초안 만들기
- "AI와 함께 만들기"에서 일반/다이나믹 모드를 고르면 프롬프트가 복사되어 원하는 AI 에이전트에 붙여넣으면 됩니다.
- 편집 가능한 .canvaslide 문서(JSON)와 선택적으로 HTML까지 생성해 달라고 요청하시면 됩니다.
- Claude Code, Codex 등에서 쓸 수 있는 CanvaSlide 스킬도 저장소에 포함되어 있습니다.
- 가져오기
- 이미지, PDF 페이지, 로컬 Figma(.fig) 파일 가져오기 지원(Figma 계정·API 토큰 불필요)
- 이미지는 Ctrl+V 로 스크린샷을 바로 붙여넣기 할 수 있습니다.
- youtube 동영상 링크를 바로 붙여넣기로 삽입 할 수 있습니다.
- 편집 기능
- 텍스트·도형·이미지·커넥터, 다중 선택, 그룹, 회전, 정렬·균등 배치, 스냅, 실행 취소/다시 실행
- 라이트/다크/시스템 테마, 한국어/영어 UI
기술 스택
- Tauri 2 + React 19 + TypeScript, Rust 셸로 macOS/Windows 데스크톱 앱 제공
- 편집기는 브라우저에서도 동일하게 동작, 클라우드 공유는 Cloudflare Pages Functions + KV
- 문서 형식은 사람이 읽을 수 있는 JSON(.canvaslide)
라이선스
- MIT
아직 초기 버전이라 부족한 점이 많습니다. 사용해 보시고 의견이나 버그 제보를 이슈로 남겨주시면 큰 도움이 됩니다.
https://github.com/hwantage/CanvaSlide