ビルダー概要

3Dビルダーでの各生成は一つのプロンプトから5つの成果物を生産します：

5つすべてが一つのワークフローで作成されます。手動で組み合わせる必要はありません。

Draftlyは一つの巨大なAI呼び出しの代わりにチャンクパイプラインを使用します。これが品質と完全性を保証します：

フェーズ0 — 計画（約5秒） AIがプロンプトを読み、サイトのブループリントを出力します：ブランド名、タグライン、ヒーロー見出し、ヒーローCTA、カラームード、フォントムード、3〜7のセクション、3〜5の具体的な差別化要素（一般的なコピーではなく、ビジネスに関する具体的な事実）。

フェーズ1 — シェル（約20秒） ナビゲーションバー、ヒーローセクション、CSS変数、スクロールフレームエンジン、セクションとフッターのプレースホルダーアンカーを生成します。

フェーズ2 — セクション（並列、約30秒） 各セクション（特徴、価格、体験談など）が別々の並列AI呼び出しで生成されます。6セクションのサイトは3セクションのサイトと同じ時間がかかります。

フェーズ3 — フッター（約10秒） フッターを別途生成するため常に存在します。フッターはセクション予算の一部ではなく、切り途中になることはありません。

フェーズ4 — 組み立て（約5秒） すべてのパーツを結合します。SEOメタタグ、Open Graphタグ、JSON-LD構造化データ、H1保証、正規URLが注入されます。

左パネル — チャットとコントロール - 下部のチャット入力：サイトの説明または編集のリクエスト - 上部のシステムログ：タイミングとステータスを含む各生成フェーズ - アクションボタン：フルスクリーンプレビュー、テキスト編集、色変更、ライブ公開 - タブバー：ログ、画像、動画、フレーム、コード、履歴、ビジネスOS

右パネル — ライブプレビュー - スクロールアニメーションが有効なiframeに表示された生成サイト - 任意のテキストをクリックしてインライン編集（無料、クレジット不要） - ツールバー：アスペクト比切り替え（16:9 / 9:16）、表示/編集/編集中モード、フルスクリーン、再生成

ヘッダーバー - プロジェクト名 — クリックして名前変更 - 保存状態ピル — リアルタイムで 保存済み / 保存中... / 処理中... を表示 - クレジットトラッカー — この請求サイクルの残りクレジット

Draftlyはプロジェクトを2つのレイヤーで継続的に自動保存します：

ヘッダーの保存状態インジケーター： - 保存済み — すべての変更がクラウドに同期済み - 保存中... — クラウド同期進行中 - 処理中... — 生成進行中

生成中にタブを閉じた場合、プロジェクトを再び開くと自動再開バナーが表示されます — クリックして生成が中断したところから正確に再開します。作業が失われることはありません。

ログ — ライブ生成フィード。各パイプラインフェーズ、タイミング、警告をリアルタイムで確認。

画像 — ヒーロー静止画。生の画像をダウンロードするか、新しい画像生成をトリガー。

動画 — モーション動画。MP4をダウンロードするか、異なる品質設定で再生成。

フレーム — 動画から抽出された約200枚のスクロールフレーム。パララックススクロール効果を実現。

コード — 生成サイトのRAW HTML。コピー、ZIPとしてダウンロード、またはGitHubにプッシュ。

履歴 — バージョンチェックポイント。すべての再生成またはメジャー編集が復元ポイントを作成。任意のバージョンをクリックしてロールバック — 無料、クレジット不要。

ビジネスOS — あなたのブランドのためのAIビジネスインテリジェンスダッシュボード（Pro+）。コンテンツ提案、アナリティクスコンテキストなどを含む。