How to edit an AI website manually
Here are a few ways in which you can edit an AI generated website if you do not want to consume AI tokens but want a more manual approach to editing.
1. AI Generated Design variables
During the website generation process, based on the description and styling decisions you make, a set of variables is created. These values include colors, fonts, sizes, spacing, animations and more.
You can edit the design variables to make project-level customizations easily. To do this:
- Click outside of the Canvas
- Go to the Right panel
- Click on any token and edit it
- Click the Update button
4.CSS Classes and manual editing
To make the websites as optimized as possible, AI generates CSS classes that are reused throughout the entire project. You can make edits to the classes to make changes everywhere the CSS classes are used and additionally. you can make manual edits to every element of the website, giving you complete control.
- How to edit an AI generated CSS class:
- Select an element that has a CSS class
- Go to the Right panel -> Classes
- Click on the Edit class button (diagonal right arrow)
- Make changes to the Class
- How to make manual edits to an element in your AI website:
- Select any element in your website
- Use the properties in the Right panel to make changes to that element
Updated on: 22/01/2026
Thank you!