Visual AI Editor · Visual editing
Point to the part you mean.
Point to a web page element and request a targeted change.
Point to the part you mean.
During a build or when refining an existing visual result.
Describing a button by position can be ambiguous. Selecting the actual element gives the agent a concrete target and keeps the change tied to the current project.
Use the floating action bar for AI editing, properties, duplication, deletion or additional actions. Review the proposal before sending it through the existing task workflow.
Take a closer look.
Explore the actual screens and controls. Click an image to see every detail.
How to get started.
From your first choice to the result. Here is how to use this feature in your own project.
- 01
Select an element. A floating toolbar offers Edit with AI, Properties, Duplicate, Delete and More.
- 02
Describe your change or use the available properties and actions. The selected source context accompanies the request.
- 03
Confirm the change. The existing agent processes it and the updated result is displayed.
How it could work for you.
Select a heading and ask for a shorter title, or choose a button and request a different placement.
How to assess the result
Selection is not normal website interaction. If the underlying page changes, recheck that the selected element still matches your intention.
Where to find it.
Conversation → Tools → Visual editing; or Project Studio → Visual editing
Available actions depend on your plan, mode and project state. Features that require a task become available within an appropriate conversation.What is saved?
The selection, instruction and task remain traceable in the conversation. Technical details in the change message can be expanded.
What you need to know
This mode edits rather than operates the website. It requires an available web preview and useful element information.