Motion Skills
← 가이드

Claude Motion 대안: 어떤 영상에 어떤 도구를 쓸까(2026)

작업에 따라 다릅니다. 코딩 에이전트에서는 Motion Skills, Remotion, HyperFrames가 Claude Motion의 "코드로 만드는 애니메이션"에 가장 가깝습니다. 브라우저에서는 Hera와 Jitter가 코드 없이 모션 그래픽을 만듭니다. 앱 안의 인터랙티브 애니메이션에는 Rive 같은 도구가, 말하는 진행자가 필요하다면 HeyGen이 맞습니다. Claude Motion 자체는 Claude Team과 Enterprise에서만 제공됩니다. 아래에서는 열 가지 도구를 실행 위치, 모션을 작성하는 주체, 내보내는 결과물, 비용으로 비교하며, 답이 저희가 아닌 경우도 함께 다룹니다.

각 도구에 관한 사실은 2026년 10월 29일 기준 각 도구의 공식 사이트에서 확인했습니다. 사이트에 나와 있지 않은 내용은 표에 "명시되지 않음"으로 적었습니다. Motion Skills는 저희가 만들므로, 저희 행은 그 점을 감안해 읽어 주세요.

한눈에 보기

실행 위치 모션을 작성하는 주체 결과물 비용 구조 가장 잘 맞는 용도
Claude Motion Claude 안, Team과 Enterprise 플랜(베타) 내 프롬프트를 받은 Claude MP4로 내보내는 애니메이션 설명 영상 별도 요금 없음. 플랜 사용량에 포함 이미 그 플랜을 쓰는 팀
Claude Design Claude 안, 모든 플랜 Claude 디자인. Anthropic은 MP4 애니메이션에 대해 설명하지 않음 Free를 포함한 모든 플랜에 포함 영상이 아닌 디자인과 슬라이드
Motion Skills 내 코딩 에이전트, 내 컴퓨터에서 스킬이 연출하는 내 에이전트 음악이 들어간 영상 한 편 전체(MP4 렌더링)와 프로젝트 Motion Director는 무료. 스킬당 $4.90, 또는 플랜 지금 쓰는 에이전트에서 내 자료로 만드는 영상
Remotion 내 React 프로젝트 나 또는 내 에이전트, React로 프로젝트에서 렌더링한 영상 3명까지 무료. 4명 이상 회사는 라이선스 필요 개발자, 영상 제품, 대량 렌더링
HyperFrames 내 컴퓨터 나 또는 내 에이전트, HTML, CSS, GSAP로 헤드리스 Chrome과 FFmpeg로 렌더링한 MP4 오픈 소스, Apache 2.0 에이전트가 작성하는 HTML 영상
Motion Canvas 내 컴퓨터, 실시간 미리 보기 편집기와 함께 나, TypeScript로 애니메이션. README에 영상 출력은 명시되지 않음 오픈 소스, MIT 코드 기반 설명 영상을 만드는 개발자
Hera 브라우저 내 프롬프트를 받은 AI 에이전트, 편집 가능한 레이어로 사이트에 내보내기 형식 명시되지 않음 홈페이지에 명시되지 않음 프롬프트로 시작하는 광고와 소셜 그래픽
Jitter 브라우저 나, 타임라인에서 AI 기능과 함께 영상, GIF, Lottie. 무료는 720p(워터마크), 유료 플랜은 최대 4K 무료 플랜, 편집자당 유료 플랜 UI와 브랜드 에셋에 애니메이션을 넣는 디자이너
Rive 편집기, 이후 앱, 사이트, 게임의 런타임 나, 상태 머신으로 내 제품 안에서 실행되는 인터랙티브 애니메이션. MP4 내보내기는 명시되지 않음 여기서는 다루지 않음 사용자에게 반응하는 앱과 웹 UI
HeyGen 브라우저 내 스크립트를 읽는 AI 진행자 진행자 영상 여기서는 다루지 않음 화면에 나오는 얼굴과 목소리

Claude Motion을 원했는데 내 플랜에 없다면

Claude Motion은 Claude Team과 Enterprise 전용 베타입니다. Free, Pro, Max에는 없고, 애드온도 없습니다. 어떤 플랜에 있는지, 보여야 하는데 보이지 않을 때의 4단계 확인 방법, Team 없이 쓸 수 있는 모든 방법은 Claude Motion이 내 플랜에 없나요?에 있습니다. 요약하면, Pro나 Max에서는 Claude Code와 스킬을 쓰고(단계별 안내), Free에서는 같은 스킬을 Codex, Cursor, Gemini CLI에서 쓸 수 있습니다(방법).

에이전트와 함께 실행되는 코드 도구

이 네 가지는 Claude Motion의 바탕에 있는 아이디어, 즉 고칠 수 있는 코드로 된 영상이라는 점은 그대로 두면서, 내 컴퓨터에서 실행되고 프로젝트가 내게 남습니다.

Motion Skills

Motion Skills는 코딩 에이전트가 불러오는 완성 영상 스킬로, 영상 유형마다 하나씩 있습니다. 런칭 영상, 설명 영상, 데이터 영상, 세로형 쇼츠, 슬라이드 등입니다. 에이전트에 자료(저장소, 사이트, 스프레드시트, 스크립트)를 주고 영상의 용도를 말하면 됩니다. 스킬은 연출 방향을 정해 키 프레임을 보여 주고, 영상을 코드로 작성하고, 오리지널 음악을 작곡하고, 모든 프레임을 출처와 대조해 검사한 뒤 저희 오픈 엔진인 motion-skills로 MP4를 렌더링합니다. 수정은 평범한 말로 요청하면 됩니다.

Motion Director는 Google 로그인만 하면 무료로 쓸 수 있으며, 모든 유형의 10–20초 영상을 만듭니다. 완성 영상 스킬은 하나에 $4.90이며, 플랜에는 전부 포함됩니다(요금). 크레딧은 없습니다. Claude Code, Codex, Cursor, Gemini CLI에서 작동합니다.

원테이크로 보는 Motion Skills

컷 없이 이어지는 Motion Skills의 출시 영상. 로고 타일이 설치, 내 자료, 세 가지 방향, 영상과 음악, 수정으로 바뀌고, 마지막에 실제 예시 영상 일곱 편이 이어집니다.

출시 영상 예시16:9 · 26초

모든 문구는 이 사이트의 페이지에서 가져왔습니다.

Vite가 webpack을 앞지른 때

2021년 이후 월간 npm 다운로드: 2025년 9월 교차, 한 달짜리 급등은 차트에 표시.

데이터 영상 예시16:9 · 22초

npm 다운로드 API, 2026년 10월 24일 조회.

첫 번째는 런칭 영상 스킬로 만든 저희 자체 런칭 영상이고, 두 번째는 데이터 영상 스킬로 npm 다운로드 수를 써서 만든 데이터 영상입니다. 갤러리의 모든 영상에는 그 영상을 만든 스킬이 적혀 있습니다.

말하는 진행자, 수천 가지 변형을 렌더링하는 영상 제품, 앱 안의 인터랙티브 애니메이션이 필요하다면 다른 도구를 고르세요. 그런 작업은 아래 도구들의 몫입니다.

Remotion

Remotion은 영상을 React 컴포넌트로 작성하게 해 줍니다. 모든 것을 직접 제어하고 싶거나 서버에서 개인화 영상을 대량으로 렌더링하는 개발자에게 자리 잡은 선택지입니다. Remotion의 에이전트 스킬은 Claude Code, Codex, Cursor에 올바른 Remotion 코드를 작성하는 방법을 가르칩니다. 스토리, 속도, 사운드는 여전히 내가 정합니다.

Remotion은 개인과 최대 3명인 회사에 무료이며, 상업적 사용에 제한이 없습니다. 4명 이상인 회사는 Company License가 필요합니다. remotion.pro에 따르면 Remotion for Creators는 좌석당 월 $25, Remotion for Automators는 렌더링당 $0.01이며 월 최소 $100입니다. 에이전트 스킬이 완성 영상 스킬과 비교해 무엇을 하는지는 Remotion 에이전트 스킬 vs Motion Skills를 참고하세요.

HyperFrames

HeyGen이 만든 HyperFrames는 HTML, CSS, 애니메이션을 MP4 파일로 바꾸는 오픈 소스 프레임워크입니다. 에이전트가 페이지를 작성하면, 렌더러가 헤드리스 Chrome에서 프레임을 하나씩 탐색하고 FFmpeg로 인코딩합니다. Apache 2.0 라이선스이며, Claude Code 플러그인과 독립 스킬이 있습니다. 지금은 예시로 남겨 둔 저희의 예전 모션 템플릿도 HyperFrames로 만들었습니다. 엔진끼리의 비교는 HyperFrames vs. Remotion을 참고하세요.

Motion Canvas

Motion Canvas는 "제너레이터를 사용해 애니메이션을 프로그래밍하는 TypeScript 라이브러리"이며, 애니메이션을 실시간으로 미리 보는 편집기가 있습니다. MIT 라이선스이고, 설명 애니메이션을 코드로 한 단계씩 직접 작성하기를 좋아하는 개발자에게 알맞습니다. 에이전트 스킬 라이브러리는 아닙니다. 애니메이션은 직접 작성하며, 영상 파일을 출력하는 방법은 README가 아니라 자체 문서에서 다룹니다.

브라우저의 AI 모션 앱

Hera

Hera는 스스로를 "AI 네이티브 크리에이티브 캔버스"라고 소개합니다. 원하는 것을 설명하면(예: "Lovable 광고 세 개, 9:16") AI 에이전트가 이미지, 디자인, 애니메이션을 하나의 캔버스에 생성하며, 각각 조정할 수 있는 편집 가능한 레이어로 만들어집니다. 홈페이지에는 내보내기 형식, 요금, 워터마크가 명시되어 있지 않으므로, 이를 전제로 계획하기 전에 확인하세요.

Jitter

Jitter는 "협업형 모션 디자인 도구"입니다. 타임라인에서 애니메이션을 만들며, 에이전트나 이미지-투-비디오 같은 AI 기능이 있습니다. 요금 페이지에는 플랜별 내보내기 제한이 나와 있습니다.

플랜 내보내기
Free 720p, 30 fps. 영상, GIF, Lottie. 워터마크 있음
Pro 1080p, 60 fps. ProRes와 WebM 추가. 워터마크 없음
Max 4K, 120 fps. 투명 배경, 프레임 단위, 일괄 내보내기 추가
Ultra Max의 모든 기능과 더 많은 AI 크레딧

확인했을 당시 페이지에는 플랜 가격이 텍스트로 표시되어 있지 않았습니다.

에이전트보다 앱이 나은 경우

타임라인에서 요소를 직접 손으로 움직이고 싶거나, 브라우저에서 디자인 팀과 함께 작업하거나, 코딩 에이전트를 전혀 쓰지 않는다면 앱을 고르세요. 영상이 이미 내 컴퓨터에 있는 자료(저장소, 데이터 파일, 스크립트)에서 나와야 하거나, 요청만으로 고치고 싶거나, 프로젝트를 보관했다가 다음 달에 다시 렌더링하고 싶다면 에이전트 도구를 고르세요.

인터랙티브 애니메이션: Rive와 Lottie

Rive는 "인터랙티브 그래픽을 위한 에이전트 네이티브 엔진"입니다. Rive Editor에서 만들고, 애니메이션이 사용자에게 반응하도록 상태 머신을 추가한 뒤, 웹, iOS, Android, Flutter, React, Unity 등을 위한 오픈 소스 런타임으로 배포합니다. 이는 영상과는 다른 작업입니다. Rive 파일은 앱 안에서 실행되며, 사이트에는 MP4 내보내기에 대한 언급이 없습니다. Lottie도 같은 계열로, 런타임이 재생하는 애니메이션 형식이며 Jitter에서 내보낼 수 있습니다. 움직이는 버튼, 로딩 표시, 온보딩 화면이 필요하다면 이런 도구를 쓰세요. 게시할 영상이 필요하다면 위의 도구 중 하나를 쓰세요.

진행자 영상: HeyGen

HeyGen은 AI 진행자 중심의 브라우저 앱입니다. 사람이나 아바타가 화면에 나와 내 스크립트를 여러 언어로 읽습니다. 얼굴과 목소리가 필요한 영상이라면 이런 도구가 맞습니다. Motion Skills는 대신 모션 그래픽(타이틀, 차트, 도식, 자막, 화면 콜아웃)을 만들고, 아바타는 만들지 않습니다. HeyGen은 저희의 예전 모션 템플릿을 만든 오픈 소스 엔진 HyperFrames도 관리합니다. 저희 완성 영상 스킬은 자체 오픈 엔진인 motion-skills로 작동합니다. 저희는 HeyGen과 관련이 없습니다.

무료 오픈 소스 스킬

GitHub에는 모션용 무료 에이전트 스킬이 있고, 좋은 것도 있습니다. 의지하기 전에 스킬에 무엇이 들어 있는지 확인하세요. 게시할 수 있는 영상을 만들 때 저희가 중요하다고 확인한 점은 다음과 같습니다.

  • 테스트된 테마와 형식. 16:9, 9:16, 1:1에 맞춰 각각 설계한 레이아웃. 한 화면을 다른 비율에 억지로 끼워 넣지 않습니다.
  • 렌더링 전 검사. 에이전트가 렌더링하기 전에 스틸 프레임을 보고 깨진 부분을 잡아냅니다.
  • 사운드. 편집에 맞는 음악과 효과음.
  • 영상 한 편 전체. 글, 스프레드시트, 저장소에서 완성 영상까지. 장면 하나로 끝나지 않습니다.
  • 명확한 라이선스. 결과물을 업무에 쓸 수 있도록.

이 사이트의 모든 스킬이 통과해야 하는 항목은 저희 기준에 있습니다.

고르는 방법

  • Claude Team이나 Enterprise를 쓰고 있고 채팅에서 빠르게 설명 영상을 만들고 싶다면: Claude Motion.
  • 코딩 에이전트를 쓰고 내 자료로 완성 영상을 만들고 싶다면: Motion Skills. 무료 Motion Director로 시작하세요.
  • 영상 제품을 만드는 개발자이거나 수천 개의 영상을 렌더링한다면: Remotion, HTML로 작성하는 쪽이 좋다면 HyperFrames.
  • TypeScript로 애니메이션을 직접 작성하는 것을 좋아한다면: Motion Canvas.
  • 광고를 설명하고 브라우저에서 레이어를 조정하는 쪽이 좋다면: Hera.
  • 타임라인과 레이어를 원하는 디자이너라면: Jitter.
  • 애니메이션이 앱 안에 있고 사용자에게 반응해야 한다면: Rive(또는 Lottie).
  • 말하는 진행자나 더빙이 필요하다면: HeyGen.

자주 묻는 질문

가장 좋은 Claude Motion 대안은 무엇인가요?

작업에 따라 다릅니다. 코딩 에이전트를 쓴다면 Motion Skills(내 컴퓨터에서 MP4를 렌더링하는 완성 영상 스킬), Remotion(React 영상), HyperFrames(HTML 영상, Apache 2.0)가 Claude Motion의 "코드로 만드는 애니메이션"에 가장 가깝습니다. 브라우저 앱을 원한다면 Hera와 Jitter가 코드 없이 모션 그래픽을 만듭니다. 말하는 진행자가 필요하다면 HeyGen이 맞는 도구입니다. Claude Motion 자체는 Claude Team과 Enterprise에서만 제공됩니다.

무료 Claude Motion 대안이 있나요?

네. HyperFrames는 Apache 2.0 오픈 소스입니다. Remotion은 개인과 최대 3명인 회사에 무료입니다. Motion Skills의 Motion Director는 Google 로그인만 하면 무료로 쓸 수 있으며, 내 컴퓨터에서 10–20초 영상을 렌더링합니다. Jitter의 무료 플랜은 워터마크가 들어간 720p로 내보냅니다.

Hera와 Jitter 중 무엇을 써야 하나요?

Jitter는 모션 디자인 도구입니다. 타임라인에서 레이어로 애니메이션을 만들고, AI 기능이 이를 돕습니다. Hera는 프롬프트가 먼저입니다. 원하는 것을 설명하고, 에이전트가 생성한 편집 가능한 레이어를 조정합니다. 키 프레임을 직접 움직이고 싶다면 Jitter를, 설명하고 고치는 쪽이 좋다면 Hera를 쓰세요.

워터마크 없이 무료로 모션 그래픽을 만들 수 있나요?

네, 내 컴퓨터에서 실행되는 도구라면 가능합니다. HyperFrames와 Motion Canvas는 오픈 소스이고, Remotion은 개인과 최대 3명인 회사에 무료이며, 무료 Motion Director 스킬은 워터마크 없이 렌더링합니다. Jitter의 무료 플랜은 워터마크를 넣고, Hera의 홈페이지에는 이에 대한 언급이 없습니다.

Motion Canvas는 영상 제작에 좋은가요?

Motion Canvas는 코드 기반 애니메이션을 위한 MIT 라이선스 TypeScript 라이브러리로, 실시간 미리 보기 편집기가 있습니다. 애니메이션을 직접 작성한다면 설명 영상에 알맞습니다. 에이전트 스킬 라이브러리는 아닙니다.

Rive는 Claude Motion의 대안인가요?

대체로 아닙니다. Rive는 앱, 사이트, 게임 안에서 실행되는 인터랙티브 애니메이션을 위해 만들어졌으며, 짧은 MP4 영상을 렌더링하기 위한 도구가 아닙니다.

출처

이 비교는 독립적입니다. 저희는 Anthropic, Remotion, HeyGen, Motion Canvas, Hera, Jitter, Rive와 관련이 없습니다. Claude는 Anthropic, PBC의 상표이며, 그 밖의 이름은 각 소유자의 상표입니다. 2026년 10월 29일 기준으로 확인했습니다.