How can we help?
Search our knowledge base or browse categories below
Search our knowledge base or browse categories below
Everything you need to build the perfect site — from your first prompt to the finishing touches.
AI Site Builder uses a three-panel layout so you can manage projects, chat with the AI, and preview your site all at once.
On mobile, toggle between Chat and Preview with the header button.
Start with a template to give the AI a structural foundation, or go fully custom and describe everything yourself.
Choose a visual direction to set the tone for your site. Each category contains multiple curated styles you can apply or customize.
Glassmorphism
Frosted glass overlays with translucent depth effects
Neomorphic Soft
Soft shadows and subtle 3D extrusions on flat surfaces
Premium SaaS
Polished startup aesthetic with gradient accents and whitespace
Bold Gradient Hero
Vibrant color transitions anchoring large hero sections
Bento Grid
Modular card grid layout inspired by Japanese bento boxes
Click the style icon in the chat toolbar
Filter by category using the chips
Browse styles — click "Show more styles" to see different options
Select a style or choose Custom to describe your own
You can start brief or detailed. If you send a short message, the AI will ask 2-4 follow-up questions to learn more. If you provide a detailed description, it skips straight to generating your site.
Here are three examples of strong first messages:
Tips for your first prompt
After the initial generation, keep chatting to dial in the details. Here are examples of effective refinement prompts:
Refinement tip
You can attach images to any message. There are two ways the AI uses them:
Photos, logos, and graphics you want displayed on your site. The AI will place them in the appropriate section based on your instructions.
Screenshots or designs you want the AI to use as visual inspiration. It will match the style, layout, or color palette without copying the content directly.
Click the paperclip icon in the chat input bar
Select one or more images from your device
Mark each image as "Content" or "Reference"
Add a message describing how to use the images
Send — the AI processes images with your instructions
Formats and limits
You can also paste images directly with Ctrl / Cmd + V from your clipboard.
AI Site Builder offers three Claude models. Switch between them at any time using the model selector in the chat toolbar.
Quick tweaks like color changes and text updates
~0.25–0.5 credits/message
Initial site generation and structural changes
~1–2 credits/message
Complex or highly detailed sites
~5–10 credits/message
Recommendation
| Shortcut | Action |
|---|---|
| Enter | Send message |
| Shift + Enter | New line |
| Ctrl / Cmd + V | Paste image from clipboard |
| Escape | Exit fullscreen preview |