ドキュメントはじめにクイックスタート

クイックスタート

5分以内にゼロからライブ公開されたウェブサイトを作成します。

ステップ1 — サインイン

draftly.space にアクセスし、Googleまたはメールアドレスでサインインしてください。新しいアカウントは30秒で作成されます。

サインイン後、プロジェクトの一覧であるダッシュボードに移動します。初めてのユーザーには、最初のサイトを作成するためのプロンプトが表示された空の状態が表示されます。

ステップ2 — ビルダーを開く

ダッシュボードまたは上部ナビゲーションから新しいプロジェクトまたは3Dビルダーをクリックしてください。

ビルダーは、左下にチャット入力、右側にライブプレビューペインが表示された状態で開きます。初めてアクセスする場合は、短い3ステップのツアーでインターフェースを案内します。いつでも閉じるか、?ヘルプボタンから再度表示できます。

ステップ3 — プロンプトを作成

チャット入力欄にウェブサイトについて記述してください。具体的なほど良いです。会社名、業界、希望するセクション、視覚的な雰囲気を盛り込んでください。

例:「ロマーノの石炭窯ピザ — 1987年創業のブルックリンの家族経営レストラン。温かく、素朴で、ダークシネマティックな雰囲気。ヒーロー、メニュー、ストーリー、予約、レビューのセクションを含める。CTA:テーブルを予約する。」

Enterキーを押すか、送信アイコンをクリックして生成を開始します。オプションで、最初に✨強化ボタン(1クレジット)をクリックすると、AIがプロンプトを強化します。

ステップ4 — パイプラインを監視する

生成には平均して2〜3分かかります。ライブの進捗バーには4つの段階が表示されます。

1.サイトの計画 — AIがブランド名、見出し、セクションを抽出します
2.ヒーロー画像の生成 — AIがシネマティックな背景静止画を作成します
3.モーションビデオの作成 — Veo 3.1がスクロールビデオ(約60〜90秒)を生成します
4.サイトの構築 — HTMLセクションが並行して組み立てられます

最良の体験のためにタブを開いたままにしてください。タブを閉じても、再度開いたときに自動再開バナーが表示されます。それをクリックすると、生成が中断した場所から続行できます。

ステップ5 — プレビューと編集

生成が完了すると、プレビューペインにスクロールアニメーションが有効になったライブサイトが表示されます。

プレビューでスクロールして、ビデオと同期したパララックスアニメーションを確認します
任意のテキストをクリックしてインラインで編集します — 無料、即時、クレジット不要
チャットでデザイン変更をリクエストします:「背景を暗くする」、「CTAを『今すぐ予約』に変更する」、「料金セクションを追加する」
デザインプリセット(ブラシアイコン) — ワンクリックでスタイルを変換、こちらも無料

ステップ6 — 公開

左下のアクションバーにあるライブ公開をクリックします。

サブドメインを選択します(例:romanos-pizza.draftly.space)。サイトはCloudflare CDNを介して約5秒で公開されます。

クライアントとURLを共有したり、実際のウェブサイトとして使用したりできます。ビルダーでの今後の編集は、新しいURLやダウンタイムなしで即座に再公開できます。