AI Studio Home and Interface Overview
The AI Studio home screen is where you start new projects, reopen past work, and manage everything you have built. Understanding this layout makes it easier to move quickly between creation, editing, and organization.
When you open AI Studio, you will see:
A description box where you can type what you want to build
Tabs such as Recently Viewed, My Projects, Starred, and Templates
Template options such as landing pages, dashboards, ecommerce storefronts, portfolios, and blogs
A left sidebar with project access and recent work
From the home area, you can start a new project, open an existing project, rename a project. move a project to a folder or delete a project.
Creating a Project in AI Studio
AI Studio gives you several ways to begin, which helps different users start from the type of input they already have. Whether you begin with an idea, a template, a website reference, or an image, the goal is the same: get to a strong first draft faster.
Start with a Prompt
You can type a prompt that describes what you want to build. The more detail you provide, the better AI Studio can shape the first version. Along with your prompt, you can also use supporting inputs such as files, images or a live URL for structure, layout or style inspiration.
Example prompts:
Create a website for a dental clinic with online booking
Build a portfolio site for a freelance designer using the attached brand images
Build a family campground homepage using this URL as inspiration for the navigation style and overall structure: https://www.campingvacation.com/
Create a boutique skincare website using the attached homepage screenshot as visual direction for the hero section, spacing, and typography
AI Studio Asks Follow-Up Questions When Needed
Users do not need to write a perfect prompt. If the request is too broad, AI Studio can ask simple follow-up questions before building.
For example, if a user says “build a website for my business”, AI Studio may ask what kind of business are we building this for? This makes the experience easier because the user can choose the goal instead of figuring out the setup alone.
Start with a Template
Templates are useful when you want a faster starting point with a familiar structure. AI Studio offers templates for common project types like:
Landing page
Dashboard
Ecommerce Storefront
Portfolio
To get started with a template, click the Templates tab then select the desired template.
How to Edit and Refine Projects
AI Studio works best as a conversational builder. You are not locked into the first version it creates, which makes it easier to keep improving the result until it matches your goal. After generation, you can continue prompting AI Studio to make changes such as:
Change colors or styling
Rewrite headlines or body copy
Add a contact form or booking section
Use a reference URL or screenshot for a specific section
Examples of follow-up prompts:
Change the colors to use light green instead of orange
Add a Contact page
Make the top navigation similar to the reference URL
Add a testimonial section similar to the attached screenshot
Change the hero section visual to the attached image
AI Studio can also use uploaded images in the project. If you do not provide images, it may generate visuals for you.
Previewing and Reviewing Your Project
Preview tools help you check how the project looks before publishing. These controls are useful for reviewing layout, testing multiple pages, and confirming the experience across device types.
Inside the editor, you can:
Switch between Preview and Code view
View the project in desktop, tablet, and mobile modes
Use the page dropdown to switch between pages in a multi-page project
Open the selected page in a new tab or refresh preview after changes
Version History
Each AI-generated change creates a version you can return to later. This gives you a safer way to refine your work without worrying about losing an earlier draft. From version history, you can:
Open earlier versions
Preview an earlier version
Bookmark a version
Revert to an earlier version if needed
This is useful when you want to compare changes, undo a prompt result, or return to a version that better matched your goal.
To view version history, click the Version History button from within your project.
Forms and Calendar Integration
Forms and calendars help turn an AI-generated page into a working experience that can collect information or book time with your business. AI Studio can build the front-end experience for these actions then guide you through the connection steps needed to make them functional inside your OS account. This makes the output more usable from the start while still letting you control when forms and calendars are connected.
Important: Forms and calendars are not connected automatically. AI Studio can create the layout for a form or booking section, but you need to ask it to connect that component before it starts sending data into your sub-account.
How Forms Work in AI Studio
AI Studio can create form-based sections and page experiences from a prompt. For example, you can ask it to add a contact form, registration form, feedback form, or lead capture section to the page. At this stage, the form starts as a front-end layout first. That means the form can appear on the page before it is connected to your CRM.
When you want the form to start collecting submissions, ask AI Studio to connect it or click Connect when prompted in the chat. This triggers the Connect to CRM flow, which is used to:
Create contacts in the sub-account
Capture form submissions
Support workflows through tracking triggers
Once that connection step is completed, AI Studio can wire the form into the connected setup so submissions flow into your OS account.
How Calendars Work in AI Studio
AI Studio can also create booking-focused pages. If you ask for an appointment page, consultation booking page, or discovery call page, it can build the page around scheduling and add a booking section.
To make that booking experience functional, AI Studio can detect calendars that already exist in the sub-account and prompt you to choose which one to connect. At a high level, the calendar flow works like this:
AI Studio creates the booking area on the page.
You select a calendar from the sub-account.
That calendar is connected to the page.
This makes it easier to turn a booking page into a working scheduling experience without rebuilding it manually.
Publishing Your Projects
Publishing makes it easier to move your project from a draft into something you can review, share, and launch. AI Studio uses a staged publishing flow so you can publish to a preview domain first, check the live experience, and make updates before moving to a custom domain.
After a site is published, users can continue making edits. Those changes remain in draft until the user publishes again. This makes it safer to improve the page without changing the live version right away.
The publishing flow works like this:
Click Publish then in the module, click Publish again.
Update the icon, name, description, and social image. Click Apply Changes then click Publish.
To add a custom domain, click Publish. then Add Custom Domain.
Enter the Domain. To connect the domain automatically, click continue and authorize the domain when prompted. If you do not want to authorize it automatically, choose Add Record Manually and add the DNS records yourself.
This flow gives you a chance to publish to a preview link first, update the basic site details, and then move to a branded domain when you are ready.
When an AI Studio project is connected to a domain, that connection appears in Domain Hub.
The project lives in AI Studio under Sites
The domain connection is managed in Domain Hub
The published page appears on that connected domain
Submission data of your Project
Once connected, form submissions go into the connected sub-account CRM setup, not into the AI Studio project itself. This means that the page lives in AI Studio but the responses, contacts and submission activity go into the connected OS account. After connection, form submissions can appear under form submissions as third-party submissions, and they can also be tied into workflow activity through external tracking behavior.
Users can view submissions in:
Contacts
Sites > Forms > Submissions > External Forms
How Workflows Connect to Form Submissions
Once the form is connected to CRM tracking, submissions can be used in workflows through tracking triggers. The practical flow is:
Create the form layout in AI Studio
Connect the form to CRM tracking
In a workflow, use the trigger "External Tracking Event"
Use the "Form submission" event to continue automations
Use the "Domain" filter and/or "External Form" filter then continue your automation actions.
Current Limitations and Important Notes
Knowing the current boundaries of AI Studio helps set expectations and prevents confusion during setup. Since AI Studio is available in Labs, some behavior may continue to evolve over time.
Important notes:
Manual code editing is not currently available.
AI Studio projects are managed inside AI Studio and cannot be moved into the standard Sites or Funnels builders.
URL and image-based recreation should be treated as inspiration for structure, layout, and style direction rather than an exact one-to-one copy.
Forms and calendars may require connection steps before they work with your OS data and scheduling setup.
Frequently Asked Questions
Q: Is AI Studio only for websites and landing pages?
No. AI Studio can also create other front-end experiences such as multi-step surveys, branded forms, booking flows, and other interactive customer-facing experiences.
Q: How much does AI Studio cost?
AI Studio is currently free and pricing is expected to evolve over time.
Q: Do I need to move an AI Studio project into Funnels or Websites before publishing it?
No. AI Studio projects can be published directly from AI Studio. You can build multiple pages, connect them within the same project, and then publish and connect a domain from there
Q: Can I move or copy an AI Studio project into Funnels or Websites under Sites?
No. AI Studio projects stay in AI Studio and cannot be not copied into the standard Funnels or Websites builders under Sites. AI Studio is designed to publish directly from its own workspace, you do not need to move the output into the legacy Funnels or Websites builders.
Q: Can I preview my project on mobile before publishing?
Yes. AI Studio includes preview options for desktop, tablet, and mobile views so you can review the layout before publishing. Just click on the Computer icon in the top of the preview to switch between vie