AI Studio Code Editor
Edit and manage your website code directly inside the ACEIRT™ Fusion AI Studio builder with real-time updates that stay in sync with your design.
AI Studio now includes a built-in code editor in ACEIRT™ Fusion, so you can view, edit, and manage your website code directly inside the builder without switching tools.
What is new
AI Studio now gives you a dedicated code editor alongside the visual builder for your websites.
You can open the underlying code for your AI Studio website, make changes, and see those changes reflected back in the design view in real time.
What you can do with the code editor
Use the AI Studio code editor when you want more control than the visual builder alone provides.
Key things you can do include:
- View your website code while you are working in the AI Studio builder.
- Edit code directly to fine-tune layouts, content, or interactions beyond what the design controls offer.
- Manage your website code in one place, instead of copying snippets between different tools.
- Validate design changes by checking that what you see in the editor matches what you see in the design view.
How it works: switching between design and code
The AI Studio builder now lets you move fluidly between the AI-powered design experience and the code editor.
When you switch to the code editor:
- You see the live code that powers the page you are designing.
- Any edits you make in the editor update the design view as you go.
- You can switch back to the AI builder at any time, and your design and code stay in sync.
When you work in the AI builder:
- The changes you make with AI or drag-and-drop controls update the code shown in the editor.
- You always work on the same version of the page, whether you prefer visual edits or code-level control.
Why this matters
The AI Studio code editor is designed to keep your entire website workflow inside ACEIRT™ Fusion, with no need to juggle extra tools.
For web builders and agencies, this means:
- Fewer context switches: Stay inside AI Studio instead of moving between a builder and an external editor.
- Faster iteration: Update design and code in the same place and see results in real time.
- Consistent output: Keep your AI-generated layouts and your custom code aligned without manual syncing.
- More control: Start with AI-assisted design, then refine details directly in code when you need precision.
Help docs for AI Studio and the code editor are available inside ACEIRT™ Fusion so your team can quickly get up to speed.
How to access the code editor
Open your AI Studio website project
Open ACEIRT™ Fusion and navigate to AI Studio, then choose the website you want to work on in the builder. Confirm that the page you want to edit is open in the AI Studio website builder.
Open the code view
From within the AI Studio website builder, use the option to view the code for the current page. The code editor opens and shows the code that matches what you see in the design view.
Edit and review your changes
Make your updates directly in the code editor. As you change the code, look back at the design view to confirm your edits appear correctly and that everything stays visually in sync.
Switch between design and code as you work
Move between the AI builder and the code editor while you build. Use AI and design tools for structure and layout, then refine details in the editor to keep your website aligned with your standards.
Last updated 1 day ago
Built with Documentation.AI