Motionsites

Motionsitesが売っているのはプロンプトであって、ドラッグ＆ドロップのエディタではない。ライブラリの各項目は、特定のレイアウト、アニメーションのスタイル、視覚的な雰囲気を記述した丁寧な指示セットであり、それをAIサイトビルダーに渡して実際のページを生成する。価値は、そうしたプロンプトに織り込まれたデザインのセンスにある。コピーして、貼り付けて、公開する。ループはこれだけだ。「浮遊するガラスカードと柔らかなパララックスを備えた3Dヒーロー」を、AIビルダーが理解できる言葉に変換できる人は少ない。その溝を埋めるのがこの製品だ。

対象は、手早く洗練されたサイトが必要で、ゼロからワイヤーフレームを引きたくないフリーランス、代理店、個人の創業者、クリエイター。ライブラリはアニメーション重視のデザイン、つまり本来ならデザイナーと大量のフロントエンド調整が要るタイプの設計に強く寄っている。新しいプロンプトは毎日追加され、カタログはポートフォリオ、SaaS、代理店、フィンテック、旅行、ウェルネス、eコマースといったカテゴリをカバーする。

正直な限界は先に言っておく。どのプロンプトを使うにも別途AIビルダーが要るので、Motionsitesだけでワークフローが完結することはない。出力の品質は、貼り付ける先のビルダーと、その後のカスタマイズ量に左右される。ではサイトビルダーか。違う。プロンプトライブラリだ。料金は無料ではなくサブスク制で、入門プランには適正利用の上限がある。

はじめかた

1. Motionsitesのアカウントを作り、プランを選ぶ。まずは公開ギャラリーを見て、デザインのスタイルを確認してもいい。
2. ライブラリをカテゴリで絞り込む。ヒーロー、ランディングページ、SaaS、ポートフォリオなど。アニメーションをプレビューする。
3. 気に入ったデザインのプロンプトをコピーする。
4. そのプロンプトをLovable、Bolt、Cursor、Claude、v0、ReplitなどのAIビルダーに貼り付ける。
5. 生成されたページを自分のコピー、ブランドカラー、画像でカスタマイズし、公開する。