Title here
Summary here
Edit Mode
Edit Mode lets you make changes to individual elements of your AI-generated project. Select an element directly on your project, then use the chat panel or built-in styling options to apply your changes. The rest of your project remains the same.
Edit Mode works best for targeted, element-level changes. Common uses include:
- Rewriting a heading or body text without regenerating the section.
- Adjusting font size, weight, or alignment on a specific element.
- Changing text or background colors to match your brand.
- Replacing a placeholder image with your own asset.
- Tweaking spacing to fine-tune layout and visual balance.
AI project generation and direct editing work best together:
- To create initial structure and features quickly, use Edit Mode to make visual adjustments, and then use the Code Editor to fine-tune technical implementation details.
- When you need broader or repetitive updates across files, chat with Nova and work in small, verified steps to reduce accidental overwrites.
Using Edit Mode
To enter Edit Mode, click Edit in the top navigation bar. In Edit Mode, the style panel displays options to edit the element you select.
Editing an element
The style panel changes depending on the element you select.
Click an element that you want to change in the project preview. Nova highlights the element with a blue border and a text box appears, allowing you to chat with Nova about that single element. The style panel shows additional editing options, if you want to update something manually.
You can also enter your prompt in the style panel text box, or click the microphone icon (
) to use
voice to text. Then, click Ask to apply your changes.
Styling options
When you select an element, the style panel displays styling options for that element. You can adjust the following properties directly without using a prompt:
| Styling option | Properties | Applies to |
|---|---|---|
| Replace image | Uploaded image or existing asset | Images |
| Spacing | Margin and padding | All elements |
| Typography | Font size, font weight, and text alignment | Text, all elements |
| Colors | Text color and background color | Text, all elements |
| Misc | Shadow, opacity, and border radius | Text, all elements |
Replacing an image
Select an image in the project preview. Then, choose how you want to add the replacement image:
- Drag and drop a new image into the preview panel.
- Click Upload from device to select an image from your device.
- Click Choose existing asset to select an image that you have already uploaded to the project.
Deleting an element
To delete an element, select it and click the trash icon (
) to delete the element.
Troubleshooting
Edits do not apply
If your edits do not appear in the project preview after clicking Ask:
- Confirm that you selected an element before submitting your prompt. The style panel should display Edit element and list the element type at the bottom.
- Check that your prompt clearly describes the change that you want. Vague prompts may produce no output.
New edits overwrite earlier edits
Nova applies each edit to the currently-selected element. If you send a follow-up prompt while selecting a different element, Nova may overwrite or ignore the earlier edit. Avoid making multiple rapid changes to overlapping elements. Select one element at a time and confirm each change before continuing. If you do not see your changes after switching between Edit Mode and Preview Mode, return to Edit Mode and reapply the edits. Nova does not automatically save mid-session changes.