MotionSites AIは、アニメーション付きランディングページやヒーローセクション向けの500以上のプロンプトを集めたライブラリで、Lovable、Bolt、Cursor、ClaudeなどのAIビルダーに貼り付けて使います。コーディングエージェントが直接取得できるMCPサーバーもあります。
このツールを使いましたか？評価してください
このツールを使いましたか？評価してください
MotionSites AI（公式ページではMotionSites、Motionsitesとも表記）は、ブラウザで使うAIウェブサイトプロンプトのライブラリです。プロンプトは、AIコーディングツールやサイトビルダーに貼り付けると特定のアニメーション付きWebデザインを再現する長い既製のテキスト指示です。サイトの生成やホスティングは行いません。公式のページ説明はサービスを「Lovable、Bolt、Cursor、Claude向けの美しいウェブサイトプロンプト」とまとめ、AIで3Dサイトを作れる、「コピーして貼り付けて公開するだけ」と続けます。
各プロンプトは一行のアイデアよりビルド仕様書に近いものです。同社によると、プロンプトにはデザインの再現に必要なレイアウト、スタイル、フォント、アニメーション、レスポンシブ動作、依存関係、正確なコンテンツが含まれます。そのためAIビルダーは視覚的方向性を即興で決めず、完全な指示書を受け取ります。
すでにかなりの利用者を集めています。あるサードパーティのAIディレクトリは、2026年3〜8月の月間訪問数を約130万と推定しました（推定値、2026年9月28日時点の確認）。確認したホームページ、料金ページ、サイトマップ、フッターのどこにも運営会社名や所在地はなく、MotionSitesブランドでのみ紹介されています。
メインライブラリは完成ページと単体セクションを並べて掲載し、各カードにLanding Page、Agency、Hero Sectionなどの種類ラベルが付きます。そのため、ビルダーにどこまでデザインを任せるかに応じ、アニメーションサイト向けプロンプトを2つの規模で使えます。磨き込んだヒーローセクション1つを既存サイトに組み込むか、ランディングページ全体を作り直すかです。
プロンプトはモダンなフロントエンド構成向けです。公式チュートリアルの例はReact、TypeScript、Vite、Tailwind CSS、Framer Motion、lucide-reactで作るヒーローセクションを指示し、成果物は独自エディター内のページではなくコードプロジェクトです。
別コレクションのアニメーション動画背景を、サイトは「コンバージョンを高め、印象を残し、驚かせるためのデザイン」と説明します。背景ページの各タイルにはプロンプトでなくCopy URL操作が付き、持ち帰るのはビルダーが使うURLです。
MotionSitesは、AIエージェントがデザインを直接リクエストできるMCP（Model Context Protocol）サーバーも運営します。セットアップはAPIキー不要のコマンド1つとされ、サーバーはClaude、Cursor、Codexで動作します。すでにClaude CodeやCursorで作業する人はコピー＆ペーストが不要になり、エージェントが合うデザインを探して同じセッションで完全なプロンプトを受け取ります。
欲しいデザインがライブラリになければ、MotionSitesは提供された参考素材をもとにカスタムプロンプトを販売します。各カスタム注文はLovable、Cursor、Claude、Codex、Google AI Studioで使える完全なプロンプトと説明され、動画、アニメーション画像、フォント、アセットを含むプロジェクトファイル一式が付きます。
Academyは短い動画ビルドのシリーズで、各動画で使ったプロンプトも公開され、コピーしてリミックスできます。
claude mcp addコマンドを1つ実行します。CursorとClaude Desktopは代わりに設定エントリーかカスタムコネクターを使います。公式チュートリアルとサービスページは、プロンプトが想定するプロジェクトの種類を示します。ベンダーが選んだ例で、独立した事例研究ではありません。
あるチュートリアルでは、背景動画、動くタイポグラフィ、リキッドグラス風ボタン、レスポンシブなモバイルメニューを備えた映画的なポートフォリオのトップページを作ります。典型的なMotionSitesのパターンで、手作業で動きを付けると何時間もかかる視覚的に重いファーストビューを1つのプロンプトで生成し、自分の作品で書き換えます。
別チュートリアルのプロンプトは、高級不動産ランディングページのナビゲーションバーとヒーローセクションだけを作ります。セクション単位のプロンプトなら、その下をすべて作り直さずに既存サイトの第一印象を一新できる例です。
カスタムサービスは任意のWebサイト、Dribbbleのショット、Pinterestのボード、スクリーンショットのリンクを受け付け、そのレイアウト、モーション、ブランドの方向性をMotionSitesプロンプトに落とし込みます。クライアントや社内デザイナーから視覚的参考をすでに受け取り、AIビルダーが再現できるプロンプトが欲しいチーム向けです。
料金ページは買い切りプランをフリーランスの相場と比べ、フリーランスのランディングページは1ページで通常$500〜$2,000と記しています。この比較は実測の節約額ではなくベンダー自身の見せ方ですが、想定購入者はわかります。クライアントにランディングページを納品し、高級感のある出発点が欲しい人です。
独自エディター、テンプレート、ドメインを1か所で提供するホスティング型サイトビルダーを求める場合や、組織が購入前にプライバシーポリシーと利用規約の確認を必要とする場合、MotionSitesはあまり向きません。確認したページで見つからなかったためです（制限事項を参照）。
メンバーシップの請求は米ドル建てです。料金ページのセルフサービスの選択肢（2026年9月28日時点の確認）は次のとおりです。
| 選択肢 | 表示価格 | 内容 |
|---|---|---|
| 無料アカウント | 無料 | 無料アカウントは無料プロンプトを3件開け、有料プランは500件以上のプロンプトをすべて開放します。 |
| プロンプトパック | 初期選択で$49 | プロンプトパックは単発のWebサイト・アプリ制作向けに販売され、ダウンロードは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コンポーネントのコミュニティレジストリ | 閲覧は無料、1日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」表示の項目があり、ナビゲーションに並ぶセクションがすべて揃ってはいません。
カスタムプロンプトは入力したメールアドレスに通常数営業日以内に届くため、当日締め切りには向きません。
調べたレビューサイトでは使えるサンプル規模の製品単位のレビューが見つからず、主要なローンチプラットフォームの1つは自動アクセスをブロックし、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テンプレートはどちらの有料メンバーシップにも別項目として記載され、料金ページにそれ以上の説明はありません。