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

What is an Element?

Elements are individual components within a section:
  • Buttons
  • Headings
  • Paragraphs
  • Images
  • Icons
  • Links
1

Switch to Select Mode

Click Select in the preview toolbar.
2

Click the Element

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

Describe Your Edit

In the AI Chat:
Make this button larger with rounded corners
4

Submit

The Element Editor Agent makes the change.
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 EditorBlock Editor
Single elementEntire section
Precise changesBroader changes
Buttons, images, textLayout, structure
10 credits10 credits

Tips

  • Select first - More accurate results
  • Be specific - “The blue button” not “a button”
  • One element at a time - Easier to review

Credit Cost

Element Editor Agent: 10 credits per edit