# Live Website Preview While the AI Builds Your Site

> See your real website next to the chat, watch pages fill in as the AI writes them, click links like a visitor and switch between desktop, tablet and phone.

- Canonical URL: https://uebfaqe.ai/features/live-preview
- Section: Features one by one
- Language: en
- Publisher: Uebfaqe (https://uebfaqe.ai)

## Summary

The preview is your actual website, not a picture of it. Pages appear while the AI writes them, links and buttons work, and you can check how everything looks on a phone.

## Key facts

- Watch it being written: New pages fill in from top to bottom while the AI works, so you see progress instead of a spinner and can step in early if something is off.
- Browse like a visitor: Menus and links work inside the preview. Back, Forward, Home and a list of pages help you move around, and outside links open in a new tab.
- Desktop, Tablet and Phone: Switch the view to check spacing, menus and long headings on each screen size before you publish, without owning three devices.

See the real site as it is built, and click through it

## How it works

1. **Open your project**: Open a site from Sites. The preview fills the main area of the editor, right next to Messages or Edit.
2. **Move and switch views**: Use the page list and the Back and Forward buttons, and choose Desktop, Tablet or Phone to change the size of the view.
3. **Capture and publish**: Take a Screenshot to download it, copy it or use it in the chat, then press Publish once the preview looks right.

## Frequently asked questions

### Is the preview the same as my published website?

It is built from the same files, so what you see is what visitors get once you press Publish. Until then your changes stay in the editor and visitors of the live site do not see them.

### Can I check how my website looks on a phone?

Yes. Choose Phone in the view switcher to see the mobile layout, and Tablet for the size in between. It is worth checking menus, buttons and long headings on the small screen before you publish.

### Do forms and buttons work in the preview?

Links and buttons that move between pages work inside the preview. Features that depend on the live site, such as a form that saves submissions through a function, start working once you publish.

## Related features

- [Chat with the AI](https://uebfaqe.ai/features/edit-with-ai-chat): Ask for any change in plain words, attach photos or documents, and point straight at the element you are talking about.
- [On every device](https://uebfaqe.ai/features/mobile-friendly-websites): The site looks right on a phone, a tablet and a computer, and you check each size yourself before you publish.
- [Visual editor](https://uebfaqe.ai/features/visual-editor): Click any element and change the text, the color, the spacing and the borders by hand, without touching the code.

---

Source: https://uebfaqe.ai/features/live-preview