MotionSites AI는 애니메이션 랜딩 페이지와 히어로 섹션용 프롬프트 500개 이상을 모은 라이브러리로, Lovable, Bolt, Cursor, Claude 등 AI 빌더에 붙여 넣어 사용하며, 코딩 에이전트가 프롬프트를 직접 가져오는 MCP 서버도 제공합니다.
이 도구를 사용해 보셨나요? 평점을 남겨 주세요
MotionSites AI(자사 페이지에서는 MotionSites, Motionsites로도 표기)는 브라우저에서 사용하는 AI 웹사이트 프롬프트 라이브러리입니다. 프롬프트는 AI 코딩 도구나 사이트 빌더에 붙여 넣으면 특정 애니메이션 웹 디자인을 재현하는 길고 완성된 텍스트 지시문입니다. 웹사이트를 직접 생성하거나 호스팅하지는 않습니다. 사이트 자체 페이지 설명은 서비스를 "Lovable, Bolt, Cursor, Claude를 위한 아름다운 웹사이트 프롬프트"로 요약하고, 이어서 AI로 3D 웹사이트를 만들 수 있으며 "복사하고 붙여 넣고 출시하기만 하면 된다"고 약속합니다.
각 프롬프트는 한 줄짜리 아이디어라기보다 빌드 사양서에 가깝습니다. 회사 설명에 따르면 프롬프트에는 디자인을 재현하는 데 필요한 레이아웃, 스타일, 글꼴, 애니메이션, 반응형 동작, 의존성, 정확한 콘텐츠가 담겨 있습니다. 따라서 AI 빌더는 시각적 방향을 즉흥적으로 정하는 대신 완전한 브리프를 받습니다.
이 제품은 이미 상당한 방문자를 모으고 있습니다. 한 서드파티 AI 디렉터리는 2026년 3~8월 월간 방문 수를 약 130만 회로 추정했습니다(추정치, 2026년 9월 28일 확인 기준). 확인한 홈페이지, 가격 페이지, 사이트맵, 푸터 어디에도 운영 회사 이름이나 주소는 나오지 않으며, 제품은 MotionSites 브랜드로만 소개됩니다.
메인 라이브러리는 완성된 페이지와 단일 섹션을 나란히 보여 주며, 각 카드에는 Landing Page, Agency, Hero Section 같은 유형 라벨이 붙어 있습니다. 그래서 빌더에 디자인을 얼마나 맡길지에 따라 애니메이션 웹사이트 프롬프트를 두 규모로 씁니다. 잘 다듬어진 히어로 섹션 하나를 기존 사이트에 넣거나 랜딩 페이지 전체를 다시 만드는 식입니다.
프롬프트는 최신 프런트엔드 스택을 대상으로 합니다. 공식 튜토리얼의 예시는 React, TypeScript, Vite, Tailwind CSS, Framer Motion, lucide-react로 만든 히어로 섹션을 요청하므로, 결과물은 독점 에디터 안의 페이지가 아니라 코드 프로젝트입니다.
별도 컬렉션에서는 애니메이션 동영상 배경을 제공하며, 사이트는 이를 "전환을 높이고, 인상을 남기고, 놀라게 하도록 설계됐다"고 설명합니다. 배경 페이지의 모든 타일에는 프롬프트 대신 Copy URL 동작이 있어, 가져가는 것은 빌더가 사용할 URL입니다.
MotionSites는 AI 에이전트가 디자인을 직접 요청할 수 있도록 MCP(Model Context Protocol) 서버도 운영합니다. 설정은 API 키 없이 명령 하나로 끝난다고 설명되며, 서버는 Claude, Cursor, Codex에서 작동합니다. 이미 Claude Code나 Cursor에서 작업하는 사람에게는 복사·붙여 넣기 단계가 사라집니다. 에이전트가 맞는 디자인을 찾아 같은 세션에서 전체 프롬프트를 받습니다.
원하는 디자인이 라이브러리에 없다면, MotionSites는 사용자가 제공한 레퍼런스로 만든 맞춤형 프롬프트를 판매합니다. 각 맞춤 주문은 Lovable, Cursor, Claude, Codex, Google AI Studio에서 작동하는 전체 프롬프트로 설명되며, 동영상, 애니메이션 이미지, 글꼴, 에셋 등 모든 프로젝트 파일이 포함됩니다.
Academy는 짧은 동영상 빌드 모음으로, 각 영상에 사용된 프롬프트가 함께 공개되어 복사해 리믹스할 수 있습니다.
claude mcp add 명령 하나를 실행합니다. Cursor와 Claude Desktop은 대신 설정 항목이나 사용자 지정 커넥터를 사용합니다.공식 튜토리얼과 서비스 페이지는 프롬프트가 겨냥하는 프로젝트 유형을 보여 줍니다. 이는 벤더가 고른 예시이며 독립적인 사례 연구가 아닙니다.
한 튜토리얼은 배경 동영상, 애니메이션 타이포그래피, 리퀴드 글래스 버튼, 반응형 모바일 메뉴를 갖춘 시네마틱 포트폴리오 홈페이지를 만듭니다. 이것이 전형적인 MotionSites 패턴입니다. 손으로 애니메이션을 넣으면 여러 시간이 걸릴 시각적으로 무거운 첫 화면을 프롬프트 하나로 생성한 뒤, 자신의 작업물로 다시 채웁니다.
다른 튜토리얼 프롬프트는 럭셔리 부동산 랜딩 페이지의 내비게이션 바와 히어로 섹션만 만듭니다. 섹션 단위 프롬프트가 아래 내용을 모두 다시 만들지 않고도 기존 사이트에 새로운 첫인상을 줄 수 있음을 보여 줍니다.
맞춤 서비스는 모든 웹사이트, Dribbble 샷, Pinterest 보드, 스크린샷 링크를 받아 그 레이아웃, 모션, 브랜드 방향을 MotionSites 프롬프트로 옮깁니다. 클라이언트나 사내 디자이너에게서 이미 시각적 레퍼런스를 받았고, AI 빌더가 재현할 수 있는 프롬프트를 원하는 팀에 적합합니다.
가격 페이지는 평생 플랜을 프리랜서 요금과 비교하며, 프리랜서 랜딩 페이지 하나가 보통 $500~$2,000라고 적고 있습니다. 이 비교는 측정된 절감액이 아닌 벤더 자체 설명이지만, 의도한 구매자를 보여 줍니다. 클라이언트에게 랜딩 페이지를 납품하며 고급스러워 보이는 출발점을 원하는 사람들입니다.
자체 에디터, 템플릿, 도메인을 한곳에서 제공하는 호스팅형 웹사이트 빌더를 원하거나, 조직이 구매 전에 개인정보 처리방침과 서비스 약관을 검토해야 한다면 MotionSites는 잘 맞지 않습니다. 확인한 페이지에서 그런 문서를 찾지 못했기 때문입니다(제한 사항 참고).
멤버십은 USD로 청구됩니다. 2026년 9월 28일 확인 기준 가격 페이지의 셀프서비스 옵션입니다.
| 옵션 | 표시 가격 | 포함 내용 |
|---|---|---|
| 무료 계정 | 무료 | 무료 계정은 무료 프롬프트 3개를 열 수 있고, 유료 플랜은 500개 이상의 프롬프트 전체를 잠금 해제합니다. |
| 프롬프트 팩 | 기본 선택 시 $49 | 프롬프트 팩은 일회성 웹사이트·앱 빌드용으로 판매되며, 프롬프트 다운로드 2~10회가 포함되고 약정은 없습니다. |
| Yearly Access | 연 $279 | Yearly Access는 연 $279이며 언제든 취소할 수 있습니다. |
| Lifetime Access | 일회성 $399 | Lifetime Access는 $399 일회성 결제이며, 옆에 더 높은 $759 금액이 표시됩니다. |
팩 선택기는 다운로드 2회, 5회, 10회를 제공하며, 기본 화면의 표시 가격은 $49이며, 다른 수량의 가격은 그곳에 나오지 않습니다. 평생 가격 옆의 $759가 무엇을 뜻하는지는 페이지에 설명이 없습니다.
두 멤버십 모두 무제한 프롬프트 이용, 앱 이용, 애니메이션 배경, 섹션, 40개 이상의 Lovable 템플릿, MotionSites MCP, 커뮤니티 이용을 나열하며, 둘 다 우선 지원을 추가합니다. MCP 서버는 모든 유료 플랜에 포함됩니다. Lifetime Access는 평생 업데이트와 얼리 액세스를 추가로 나열합니다.
맞춤형 비공개 프롬프트는 별도 가격입니다. 히어로 섹션(섹션 1개)은 $599 옆에 $99로, 5~6개 섹션의 랜딩 페이지는 $1499 옆에 $249로 표시되며, 둘 다 일회성 결제이고 더 높은 금액에 대한 설명은 없습니다.
확인한 가격 페이지, 사이트맵, 푸터에서 환불 정책은 찾지 못했습니다.
AI 도구 디렉터리는 MotionSites를 역시 AI 빌더를 겨냥하는 컴포넌트 라이브러리와 나란히 둡니다. 차이는 복사하는 대상에 있습니다. MotionSites는 페이지 전체 디자인 프롬프트와 동영상 배경을 판매하고, 이 대안들은 개별 React 컴포넌트를 중심으로 합니다.
| 대안 | 제공 내용 | 무료 이용 |
|---|---|---|
| 21st.dev | 프롬프트 형태로 제공되는 React·Tailwind 컴포넌트 커뮤니티 레지스트리 | 무료 둘러보기, 하루 2회 무료 컴포넌트 복사 |
| Magic UI | React, TypeScript, Tailwind CSS, Motion용 오픈소스 애니메이션 컴포넌트 150개 이상 | 무료이며 오픈소스 |
| Aceternity UI | 복사해 붙여 넣는 컴포넌트, 블록, 템플릿과 AI 에이전트용 MCP 서버 | 무료 컴포넌트 세트와 유료 All-Access Pass |
MotionSites는 브리프를 제공하지만 코드는 빌더가 작성하므로, 품질은 사용하는 도구와 모델에 따라 달라집니다. 공식 튜토리얼조차 프롬프트에 데스크톱, 태블릿, 모바일 지시가 이미 들어 있지만 그래도 모든 화면 크기를 테스트해야 한다고 적고 있습니다.
프롬프트는 매우 문자 그대로입니다. 튜토리얼 프롬프트는 배경에 미리 정해진 정확한 동영상 소스 URL을 쓰라고 빌더에 지시합니다. 프롬프트를 수정하지 않으면 생성된 사이트는 그 샘플 미디어를 유지하며, 다른 곳에 호스팅된 동영상 파일에 링크하는 사이트는 그 파일이 계속 온라인 상태인지에 좌우됩니다.
2026년 9월 28일 확인 기준, 사이트의 DESIGN.md 영역에는 "Coming soon"으로 표시된 항목이 있었으므로 내비게이션에 나온 모든 섹션이 다 채워진 것은 아닙니다.
맞춤형 프롬프트는 입력한 이메일로 보통 영업일 기준 며칠 안에 전달되므로, 당일 마감에는 맞지 않습니다.
검색한 리뷰 플랫폼에서는 쓸 만한 표본을 갖춘 제품 단위 리뷰를 찾지 못했고, 주요 출시 플랫폼 한 곳은 자동화된 접근을 차단했으며, 2026년 9월 28일 기준 독립 기술 매체 보도도 나오지 않았습니다. 따라서 현재 결과물 품질에 대한 판단은 주로 벤더 자체 튜토리얼에 기댑니다.
아니요. 프롬프트, 배경, 템플릿을 제공할 뿐입니다. Lovable, Bolt, Cursor, Claude Code 같은 AI 빌더가 코드를 생성하고, 예를 들어 GitHub와 Vercel을 통해 자신의 호스트에 게시합니다.
무료 계정은 프롬프트 3개를 열 수 있습니다. 500개 이상의 전체 라이브러리는 유료 플랜으로 잠금 해제되며, 유료 플랜에는 배경, 섹션, MCP 서버도 나열되어 있습니다. 프롬프트 팩은 구독 없이 정해진 다운로드 횟수를 판매합니다.
두 유료 멤버십 모두 개인 작업과 클라이언트 작업을 포함한다고 표시되어 있습니다. 별도의 라이선스 문서나 서비스 약관은 찾지 못했으므로, 플랜 설명이 명시된 유일한 사용 권리입니다.
벤더는 라이브러리 프롬프트에 대해 Lovable, Bolt, Cursor, Claude, v0, Replit을 들고, 맞춤형 프롬프트에는 ChatGPT, Codex, Google AI Studio를 추가합니다. MCP 서버는 Claude, Cursor, Codex를 지원합니다.
디자인이 몇 개만 필요한 일회성 프로젝트라면 팩이 맞습니다. $399 Lifetime Access 플랜은 무제한 프롬프트, 추가 컬렉션, MCP 이용, 평생 업데이트, 얼리 액세스를 더하므로, 주로 페이지를 정기적으로 만들 때 의미가 있습니다.
Lovable 프롬프트는 Lovable 채팅에 붙여 넣어 디자인을 생성하게 하는 텍스트입니다. 40개 이상의 Lovable 템플릿은 두 유료 멤버십 모두에 별도 항목으로 나열되어 있으며, 가격 페이지는 이에 대해 더 설명하지 않습니다.