Skip to main content

Editing selected elements

Make AI edits to any element on a page

Select any element on a page, describe a change, and the AI makes it. The edit applies only to your selection, so the rest of the page stays as it is. For whole pages or site-wide changes, use the Site Agent.

Select the right element

Click an element to select it. It gets a blue outline, and the inspector opens with its settings. When elements are nested, a click can land on an inner element; the Layers panel in the left sidebar shows the page as a tree and is the easiest way to select exactly the element you mean.

The Layers panel beside the inspector, with a section selected

Describe the change

Click Describe changes next to your selection and type what you want. The change applies to the selected element and everything inside it.

Attach up to five reference images if they help show what you want. Click 💡 for suggested edits based on the selected element.

The selected element AI editor input box

Tip: When there's no single container that holds just the elements you want,

Shift-click to select each one and describe the change once.

Generate variations

With a single element selected, open the Variations menu in the box and

choose two to five versions. Each one previews in place as it finishes. Step

through them in the bar at the bottom, then click Use to keep the

version showing or Cancel to keep the original.

The variations bar showing version 1 of 3 below a redesigned card grid

Use your selection in the agent panel

Open the agent panel while an element is selected and a badge in the message box will show the selection. Your request there uses it as context. Click the badge's × to ask about the whole page instead.

Did this answer your question?