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.