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

Editor Overview

Learn more

AI Chat Guide

Learn more