DocsGetting StartedQuick Start

Quick Start

Go from zero to a live published website in under 5 minutes.

Step 1 — Sign In

Go to draftly.space and sign in with Google or your email. New accounts are created in 30 seconds.

After sign-in you land on the Dashboard — a list of your projects. First-time users see an empty state with a prompt to create their first site.

Step 2 — Open the Builder

Click New Project or 3D Builder from the dashboard or top navigation.

The builder opens with a chat input at the bottom-left and a live preview pane on the right. If this is your first visit, a short 3-step tour walks you through the interface. You can dismiss it anytime or revisit it via the ? help button.

Step 3 — Write Your Prompt

In the chat input, describe your website. The more specific the better — include the business name, industry, sections you want, and the visual mood.

Example: "Romano's Coal-Fired Pizza — family-owned restaurant in Brooklyn since 1987. Warm, rustic, dark cinematic feel. Include hero, our menu, our story, reservations, and reviews sections. CTA: Reserve a Table."

Press Enter or click the send icon to start generation. Optionally click the ✨ Enhance button first (1 credit) to have the AI strengthen your prompt.

Step 4 — Watch the Pipeline

Generation takes 2–3 minutes on average. A live progress bar shows four stages:

1.Planning your site — AI extracts brand name, headline, sections
2.Generating hero image — AI creates your cinematic background still
3.Creating motion video — Veo 3.1 generates your scroll video (~60–90 seconds)
4.Building your site — HTML sections are assembled in parallel

Leave the tab open for the best experience. If you close the tab, the Auto-resume banner appears when you reopen — click it to continue from where generation left off.

Step 5 — Preview & Edit

When generation completes, the preview pane shows your live site with the scroll animation active.

Scroll in the preview to see the video-synced parallax animation
Click any text to edit it inline — free, instant, no credits
Type in chat to request design changes: "Make the background darker", "Change the CTA to 'Book Now'", "Add a pricing section"
Design Presets (paintbrush icon) — one-click style transformations, also free

Step 6 — Publish

Click Publish Live in the bottom-left action bar.

Choose a subdomain (e.g., romanos-pizza.draftly.space). The site goes live via Cloudflare CDN in ~5 seconds.

Share the URL with clients or use it as your real website. Future edits in the builder can be re-published instantly with no new URL and no downtime.