「アニメ付きのきれいなランディングページを、数分で」。MotionSites は、AI向けのテンプレートとプロンプトを集めたサービスです。コピーしたプロンプトをどう使うのか、生成の流れまで具体的に説明します。
MotionSites とは
MotionSites（motionsites.ai）は、アニメーション付きランディングページ（LP）やセクションを、AIで素早く作るためのテンプレート＆プロンプト集です。運営は AIデザイン教材も手がける Design Rocket。コードやデザインの専門知識がなくても、用意されたプロンプトを「コピー → 貼り付け → 公開」するだけで形にできる、というコンセプトです。
何が手に入るか
- テンプレートライブラリ（100以上）：SaaS・ポートフォリオ・エージェンシー・EC・Web3 などカテゴリ別。
- Sections / Backgrounds：アニメーション付きの部品・背景。
- プロンプトライブラリ：コピペで使えるプロンプト集（今後1,000以上のヒーロー用プロンプトを予定）。
- Bolt連携：生成・編集は Bolt（bolt.new）などのAIビルダーで行う前提。
使い方：コピーしたプロンプトの使い道
MotionSites でコピーするのは「テキストのプロンプト」です。これをAIサイトビルダーに貼り付けて生成します。基本の流れは次のとおり。
- MotionSites で好みのテンプレート／プロンプトを選び、コピー。
- Bolt.new を開く（必要ならサインイン）。
- チャット欄にプロンプトを貼り付けて送信 → AIがそのアニメ付きセクション／LPのコードを生成。
- プレビューを確認し、「色を変えて」「文言を差し替えて」などで追加指示して調整。
- そのまま公開（デプロイ）、またはコードを書き出して自分のサイトへ。
貼り先は Bolt 専用ではありません。プロンプトはただのテキストなので、v0（Vercel）・Lovable・Cursor・Claude などでも同様に使えます。「すぐ公開したい → Bolt」「React/Tailwindのコードが欲しい → v0」のように使い分けると便利です。
料金（目安）
- Go Unlimited：年 $149。コンポーネント無制限、30以上のAIテンプレート、アニメ背景、商用ライセンス、Design Rocket 50%オフ、優先サポート。
- Power（人気）：年 $199（セール価格、定価 $497）。内容は Unlimited と同等。
- ライフタイム（買い切り）オプションもあり。
料金・内容は変わる可能性があります。導入前に公式の最新情報をご確認ください。
向く人・注意点
- デザインに時間をかけずに動きのあるLPの“たたき台”を作りたい人に向く。
- プロンプトは英語のことが多いが、そのまま貼ればOK（日本語で追加指示も可）。
- 「Premium」プロンプトは有料。まず無料分から試すのがおすすめ。
- 生成結果はあくまで下地。フォント・余白・文言は自分で仕上げる前提で見るときれいになる。
主な情報源
各サービスは提供元の規約・ライセンスに従ってご利用ください。情報は公開時点のものです。収集・要約はAI、公開判断は人。