Iterating on Your Project
Updated Mar 29, 2026Guides
Best practices for making changes step by step.
One Change at a Time
The AI works best when you ask for one thing at a time:
- "Change the header background to black" (good)
- "Change the header, add a footer, redesign the cards, and update all colors" (too much at once)
Check the Preview
After each change, check the live preview before asking for the next one. This helps you catch issues early.
Be Specific About Location
Tell the AI exactly where to make changes:
- "In the hero section, change the headline text to..."
- "In the footer, add a link to the privacy page"
- "In the pricing card for the Pro tier, change the price to..."
Use Design Mode
Click on any element in the preview to select it. XAIO shows you the source file and line number. You can then ask the AI to modify that specific element — no need to describe where it is.
Undo with Chat
If a change doesn't look right, just tell the AI:
- "Undo that last change"
- "Revert the header to how it was before"
- "That doesn't look good, go back to the previous version"
Save Milestones with Git
If you have GitHub connected, the AI auto-commits after each change. You can always go back to any previous version through your Git history.
When Things Break
If the preview shows an error:
- Tell the AI: "The preview shows an error, please fix it"
- The AI can read error logs and fix the issue automatically
- Don't panic — your previous code is always in Git