Skip to main content
Edit mode lets you change your site by clicking on it — no code, no menus to hunt through. It’s the fastest way to make small visual tweaks.

​
Turn on edit mode

Click the Edit mode toggle (the mouse-pointer icon) in the chat input area at the bottom, next to the attach button and model selector — or press Alt+E (⌥+E on Mac). Your preview needs to be visible and fully loaded first.
Edit mode isn’t available on mobile — use a desktop browser to edit visually.

​
Select and change an element

Click any element in the preview — text, a button, an image, a container. It highlights, and a side editor panel opens on the right.
  • Text — edit the words directly in the panel’s fields.
  • Style — adjust the element using grouped controls: Typography (font, size, weight, line height, spacing, alignment, and bold/italic/underline), Color, Background Color, Margin, Padding, Border, Border Radius, and Opacity.
Changes save automatically, and the preview updates as you adjust each value. To finish, click the Edit mode toggle again or close the side panel.

​
Edit mode or chat?

Use edit mode

For quick visual tweaks — a color, some spacing, updating text, trying a different font.

Use chat

For bigger changes — adding sections, restructuring a layout, or building new functionality.

​
What’s next

AI chat

Describe larger changes in plain language.

Media library

Swap in images and generate new ones.

Version history

Undo a change you didn’t mean to make.