はじめに
Draftlyへようこそ — 一つのプロンプトから映画的な本番品質のウェブサイトを作成するAI搭載プラットフォームです。
Draftlyとは？
DraftlyはAI搭載のウェブサイト生成プラットフォームです。一つのテキストプロンプトから、映画的なヒーロー画像、スクロール連動モーション動画、そして本番用HTMLを備えた完全な公開可能ウェブサイトを3分以内に生成します。
一般的なAIツールとは異なり、Draftlyはデザインパターン、タイポグラフィ、空間的階層構造、ブランドアイデンティティを理解します。生成されるサイトはすべてユニークで、あなたのビジネスに特化した、クリーンなセマンティックHTMLで構築されます。
Draftlyはブラウザ上の draftly.space で完全に動作します — インストール不要、コード不要、デザイナー不要。
一つのプロンプトで得られるもの
1.ヒーロー静止画 — サイトの縦方向とカラームードに合わせてサイズとスタイルが調整された映画的なAI生成背景画像
2.モーション動画 — 5〜8秒のスクロール連動背景動画（Google製Veo 3.1）でヒーローに命を吹き込む
3.スクロールフレーム — 動画から抽出された約200枚のWebPフレームによるスムーズなスクロール駆動アニメーション
4.完全なサイトHTML — ナビゲーション、フッター、スクロールアニメーションエンジン、SEOメタタグを含むマルチセクションのレスポンシブHTML
5.ライブURL —
*.draftly.space のサブドメインに即座に公開仕組み
Draftlyは5フェーズのチャンク生成パイプラインを使用して、切り途中や繰り返しのないサイトを生成します。
1.計画 — AIがプロンプトからブランド名、見出し、セクション、カラームード、差別化要素を抽出
2.シェル — ナビゲーション、ヒーローセクション、CSS変数、スクロールフレームエンジンを最初に生成
3.セクション — 各コンテンツセクション（特徴、価格、体験談など）を並列生成
4.フッター — 連絡先情報、ナビリンク、ブランド詳細 — 常に生成され、スキップされることはない
5.組み立て — すべてのパーツを結合し、SEOタグを挿入し、結果をデプロイ
このアーキテクチャにより、フッターが常に存在し、各セクションが専用のAI呼び出しを受け、出力がトークン制限に達することがありません。
主な機能
•3Dウェブサイトビルダー — 一つのプロンプトでヒーロー画像、モーション動画、フレーム、HTMLを含む完全な映画的サイトを生成
•外科的チャット編集 — 会話で色、テキスト、レイアウトを変更（0.5クレジット/編集、完全再生成の400+クレジットと比べて低コスト）
•インライン文字編集 — プレビューの任意のテキストをクリックして直接編集 — クレジット不要、即時反映
•デザインプリセット — SaaS、レストラン、ポートフォリオなど業界をまたいだワンクリックスタイル変換
•即時公開 — Cloudflare CDNを通じて数秒でサブドメインに公開
•動画生成 — プランに応じて720p→4K出力のVeo 3.1 Fast（Google）
•画像生成 — Nano Banana Pro、Seedream 4.5、Flux Proを含む12以上のAIモデル
•ビジネスOS — ウェブサイトと並行したAI搭載ビジネスインテリジェンスダッシュボード（Pro+）
•バージョン履歴 — すべての生成チェックポイントを保存、いつでもロールバック可能
システム要件
Draftlyはブラウザ上で完全に動作します。ソフトウェアのインストールは不要です。
対応ブラウザ： - Chrome 90+（スクロールパフォーマンスと動画デコードに最適） - Firefox 88+ - Safari 14+ - Edge 90+
インターネット接続： 必須。動画生成は大きなファイルをストリームするため、安定したブロードバンド接続（10 Mbps以上）を推奨します。
デバイス： デスクトップとタブレットで動作。3Dビルダーは画面幅1280px以上に最適化されています。