Generate Your First Site

The quality of your output depends heavily on your prompt. This guide shows you how to write prompts that produce exactly what you have in mind.

Anatomy of a great prompt

The best prompts answer four questions:

What type of site? (landing page, portfolio, dashboard, e-commerce, etc.)
Who is it for? (the business name, audience, industry)
What sections/pages? (hero, pricing, about, contact…)
What look and feel? (colors, fonts, style keywords)

Example — Weak prompt

"Make me a website for a coffee shop"

Works, but produces a generic result.

Example — Strong prompt

"A landing page for Brew & Bloom, an artisan coffee shop in Brooklyn. Include: hero with tagline, our story section, menu highlights (3 cards), Instagram-style photo grid, and a location/hours footer. Style: warm cream and espresso brown tones, serif headings, cosy and premium feel."

Tip: You don't need perfect English. Bullet points, fragments, and stream-of-consciousness all work fine. The AI is very good at inferring intent.

Multi-page sites

BuildFlow supports multi-page HTML generation. To get separate pages, explicitly list them:

"A 4-page website for a law firm:
Pages: Home, Services, Our Team, Contact
Style: professional navy and gold, clean and authoritative"

Each page becomes a separate HTML file in the generated project, with navigation links automatically wired together.

Note: If you want separate pages, list them explicitly. Without this, BuildFlow may generate a single-page site with anchor navigation instead.

Iterating on a design

After the first generation, use natural follow-up prompts to refine:

Change layout: "Move the CTA button above the fold"
Change content: "Replace the placeholder text with real copy about a fitness studio"
Add features: "Add a FAQ section with 5 questions about delivery"
Fix style: "The font is too small on mobile, increase it"
Change colors: "Use a dark navy background instead of white"

Tip: Use Iterate mode (the default) to build on the current version. Switch to Fresh to start over with a clean slate from your new prompt.

Using the P.F.D.A. template

Click the Templates button in the builder to load the P.F.D.A. starter — a fill-in-the-blanks format that covers:

Purpose — what the site does
Features — key sections and functionality
Design — colors, style, feel
Audience — who is it for

Fill in the template and hit Generate for consistently great first-draft results.

Using images in your site

Click the Images button in the builder toolbar to open the Media Library. Upload images, then click any thumbnail to insert the hosted URL into your prompt:

"Use this image as the hero background: https://blobs.vercel-storage.com/assets/…"

BuildFlow will use the real URL in the generated <img> tags.

Use a template →

Start from a pre-built design instead.

Deploy your site →

Publish live in 30 seconds.