Visual edit

​

Before you begin

​

Edit visually in the preview

Click the Visual edit button in the top-right corner of the preview panel to activate edit mode. You’ll be able to click on any element and instantly adjust its properties - no manual digging required.

​

Edit a single element

Just click any element to open its property editor in the chat panel.

You can modify element properties like:

• Padding and layout spacing
• Text and background colors
• Font size, alignment, and weight

​

Edit multiple elements at once

To edit multiple elements in one go:

• Select the first element and make your changes.
• Without pressing Save, select another element and adjust its properties—these changes can be entirely different.
• When you’re done, press Save once to apply all edits together.

This lets you update multiple elements, each with its own styling, without interrupting your flow.

You can mix changes like:

• A card with its background color changed to gold and
• A page heading with its text color updated to black.

​

Use natural language for scoped edits

After selecting elements, use the NLC bar to quickly apply changes without toggling panels. It’s perfect for fast edits with precision targeting.

Try things like:

• Make the selected button orange with white text.
• Set this heading text to bold and center-aligned.
• Add 16px margin to the selected card.

Let the system translate your intent into clean, consistent updates—visually and intelligently.