Edit page design with AI chat and Edit Mode
Use AI chat and Edit Mode for the right kinds of design changes, then review responsive layouts before publishing.
AI chat and Edit Mode serve different jobs
Use AI chat for structural or visual-direction changes. Edit Mode is faster for a small, clearly scoped change such as replacing a short line of copy.
Good tasks for AI chat
- Reordering the hero and page sections
- Changing card layouts, spacing, or columns
- Applying brand colors and typography
- Adjusting desktop and mobile layouts together
- Using a reference image or URL to guide a revision
Selecting the relevant element before sending the message gives the agent a clearer scope. Replace broad requests such as “make it more premium” with a concrete description of the intended change.
Example: Make the selected feature cards wider and equal in height. Stack them in one column on mobile and reduce the gap between cards slightly.
Good tasks for Edit Mode
Use Edit Mode to update a heading, button label, or another small text treatment. After editing one locale, check whether the same change is needed in other locales.
Provide the brand rules first
The AI can execute a direction quickly, but it cannot decide the brand taste on its own. Record the logo, colors, fonts, corner radius, image direction, and expressions to avoid in project instructions or in the request.
Review before going live
- Check desktop and mobile layouts for breakage.
- Review text contrast and button states.
- Check line breaks in every locale.
- Test links and calls to action.
Keep the change in draft until compilation and preview checks pass.