Code Editor And Files
Understand Code mode, generated files, manual edits, and Fix with AI.
Code mode lets you inspect and manually edit the files behind the generated website. It is powerful, but it is not where most users should start.
If you are not technical, use chat edits first. The AI can usually make copy, layout, and style changes for you.
When To Use Code Mode
Use Code mode when:
- You know exactly which file needs a small change.
- Support asks you to check a file.
- A developer is helping you.
- The AI made a tiny mistake that is easier to fix directly.
Avoid Code mode when:
- You are not sure what a file does.
- You want a broad design change.
- You are trying to rebuild a whole section.
Files And Pages
The file panel shows generated files. The pages panel helps you understand page-level structure.
Open a file to inspect it. If editing is available, make the change, then save.
Save And Discard
After changing a file:
- Click Save to keep the edit.
- Click Discard if you want to throw away the edit.
Manual edits and AI edits
If you manually edit code and later ask the AI for a broad change, the AI may rewrite that area. If you want to protect a manual edit, tell the AI what to keep.
Fix With AI
If the preview detects a build or preview problem, Fix with AI can send the issue back to the AI so it can try to repair the site.
Use it when:
- The preview failed.
- A build error appears.
- A recent edit broke the site.
If the repair does not work, ask chat for a focused fix:
The preview failed after the last change.
Please fix the build error and keep the page design the same.Best Practice
Use chat for creative changes. Use Code mode for precise fixes.
That balance keeps the site easier to edit later.