Skip to main content

Editing elements manually

Changing content and design without AI

You can adjust the design and layout of anything the AI builds. Select any element on a page to open the design inspector where you can make changes.

To describe the change and let the AI make it, see editing selected elements.

The design inspector

The design inspector appears whenever an element is selected, either on the

page or via the Layers panel.

The design inspector open on a selected element

Which sections you see in the design inspector depends on the element:

Content — the element's text.

Typography — font, size, weight, color, and alignment.

Layout — how the element arranges what's inside it: direction, columns, alignment and overflow.

Spacing — padding and margins.

Sizing — width and height, including minimums and maximums.

Position — pin the element in place and layer it above or below its neighbors.

Appearance — background, corners, shadows, and blur.

Transform — scale, rotation, opacity, and transitions.

Image — the image file and alt text.

Video — the video file and how it plays.

Icon — which icon it is, its size, and its color.

Link — where the link goes.

Input — a form field's placeholder text.

Booking widgets also have their own their section in the design inspector when selected.

The breadcrumb at the top of the inspector lists the element's containers. Click one to select it. Delete Element at the bottom removes the element from the page.

Edit text

Text is in the inspector's Content section. Edit it there and the page updates as you type.

The right-click menu

Right-click an element for quick actions:

  • Duplicate inserts a copy after the element.

  • Move shifts it up or down among its neighbors.

  • Copy and Paste carry styles between elements — copy from the element that looks right, paste onto the one that should match.

  • Group wraps several selected elements in one container; Wrap does the same for a single element.

  • Convert to link makes the element a link; Remove link turns a link back into plain content.

  • Delete removes it.

The right-click menu on a selected element

Move an element

Drag a selected element to move it. A line shows where it will go, and containers that can hold it are outlined as you drag. For a single step, use Move Up or Move Down in the right-click menu.

Did this answer your question?