SimpleUPDocs Log in
Docs › Building your website

How to Edit Elements with AI

Make precise edits to individual elements like buttons, images, and text.

What is an Element?

Elements are individual components within a section:

Step 1: Switch to Select Mode

Click Select in the preview toolbar.

Step 2: Click the Element

Click directly on the element you want to edit. It highlights.

Step 3: Describe Your Edit

In the AI Chat:

Make this button larger with rounded corners

Step 4: Submit

The Element Editor Agent makes the change.

Step 5: Review

Check the result in the preview.

Example Edits

Buttons

Make this button green with white text

Add a hover animation to this button

Change the button text to "Get Started Free"

Images

Make this image rounded

Add a shadow to this image

Replace this image with a photo of a modern office

Text

Make this heading larger

Change this text color to blue

Make this paragraph bold

Icons

Change this icon to a checkmark

Make this icon larger and green

Without Selection

You can also describe the element:

Change the hero button to say "Start Free Trial"

Make the logo in the header larger

But selecting first is more precise.

Element Editor vs Block Editor

Element Editor Block Editor
Single element Entire section
Precise changes Broader changes
Buttons, images, text Layout, structure

Tips