Skip to main content
Element selection lets you click on any part of your app to select it, then make changes through the AI chat.

​
How It Works

  1. Click on any element in the preview
  2. The element gets highlighted with a blue border
  3. The AI knows what you selected
  4. Ask for changes - “Make this bigger”, “Change the color”

​
Selecting Elements

​
Single Element

Click directly on the element you want to modify:
  • Text blocks
  • Buttons
  • Images
  • Containers
  • Forms
  • Navigation items

​
Visual Feedback

When selected:
  • Blue border shows the selected element
  • Element info appears (tag, class)
  • The AI references this element in responses

​
Making Changes

Once selected, describe your change:

​
Styling

​
Content

​
Layout

​
Functionality

​
Examples

  1. Click the button in preview
  2. Type: “Make this button green with white text”
  3. AI updates the button styling

​
Tips for Better Selection

Click directly on the element you want. If you hit a parent container, try clicking closer to the content.
If clicking doesn’t select the right element:
You can describe multiple elements:

​
Limitations

  • Some deeply nested elements may be harder to select
  • Dynamic elements (modals, dropdowns) need to be visible to select
  • For complex selections, describe the element in chat

​
Without Selection

You can still make changes without selection by being descriptive:

Learn Effective Prompting

Get better at describing changes