Studio.Assistant is an AI feature that builds a website based on the information you provide. It handles everything from your site's information structure to its design, automatically. Once your site is generated, you can export it to the Design Editor and continue editing and publishing from there.
This article walks you through how to get started, generate a site, fine-tune it, and export it.
Point: Studio.Assistant is offered on a separate plan from the Design Editor. For pricing and how to change plans, see "Managing your Studio.Assistant plan."
Getting started
To use Studio.Assistant, you'll need to subscribe to a dedicated plan.
Once you choose a plan and enter your payment details, your 14-day free trial begins. Your plan subscription starts 14 days after you register.
Note: Your subscription starts automatically 14 days after you enter your payment details. If you don't want the subscription to begin, downgrade within those 14 days. After downgrading, you can keep using Studio.Assistant until the free trial period ends.
Starting with a new project
Here's how to use Studio.Assistant in a brand-new project.
Select [New project].
Select [Assistant].
Starting with an existing project
Here's how to use Studio.Assistant in a project you've already created.
In your project list, select the project you want to work on.
Select [Assistant].
Generating a site
Enter your site information in the form on the left side of the screen, then run the generation. What you enter shapes the structure and design of the site you get.
Entering your website overview
Enter your site's basic information under [Website overview].
Field | Description |
Name | Enter the name to display on your site |
Purpose | Enter what you want to achieve with your site |
Category | Choose the type of site |
Description | Enter a description of your business or service |
URL | Enter the URL you currently use or plan to use |
Photo search keywords | Specify keywords for finding photos |
Tips: On the Pro plan, you can edit all of these details at once using a briefing sheet. For details on each question, see "Importing and exporting Studio.Assistant sheets."
Adjusting the content type
Under [Content type], use the sliders to adjust the overall direction of the site you'll generate.
Text/photo balance: Decide whether to emphasize written explanations or visual impact.
Persuasiveness: Decide how strongly to encourage inquiries or purchases.
Number of pages: Decide how many pages to generate.
As you move each slider, you can see the current setting on screen.
Uploading logo and image assets
Upload the visual assets you want to use on your site under [Logo assets] and [Image assets]. PNG, JPG, and SVG files are supported.
When you upload a [Logo asset], you can set the key color for your site design based on the color codes extracted from your logo.
Generating the design
Once you're done entering information, select [Generate design]. Studio.Assistant creates your entire site as a single site — not just the home page (for example, Home / About / Contact).
Generation order: Pages are generated one after another, based on your input and sitemap.
What you'll see: Pages appear on the canvas as they're generated, so you can watch the content fill in.
Edit protection: While generation is running, your existing site becomes read-only. Even if generation stops partway through, your content won't be damaged.
Stopping generation: If you switch to a different project mid-generation, the process stops safely.
After generation, you can edit and fine-tune each page individually.
Editing your page structure in the sitemap
The [Sitemap] gives you a bird's-eye view of your site's page structure, where you can add pages, delete ones you don't need, and reorder them right on the spot.
On the Pro plan, you can also export your page structure as a sitemap sheet, edit it in a spreadsheet app, and import it back in.
Fine-tuning your generated site
After generation, you can edit your site section by section and change images and fonts.
Editing section by section
You can copy, cut, paste, and duplicate sections. Select a section and use the right-click menu. The same actions are available from your keyboard.
To work with multiple sections at once, hold Shift and click to select a range. Hold ⌘ and click to add sections to your selection one at a time. When you act on multiple sections together, undo and redo apply to all of them at once.
There are 37 section types to choose from, organized by purpose — header, hero, features, pricing, FAQ, contact, and more. You can find the full list in the sitemap sheet article.
Tips: You can also add, move, and select sections using only your keyboard. For a full list of these actions, see "Using keyboard shortcuts in Studio.Assistant."
Editing images
When editing a section, you can use images you've uploaded under [Logo assets] or [Image assets], or AI-generated images from Studio.Stock suggested based on your [Photo search keywords].
Setting fonts
Add fonts in the Design panel to apply them individually to text within your sections.
Working with the Design Editor
You can export your generated site to the Design Editor. You can also move your site content back and forth using sheets and files.
Exporting to the Design Editor
When you export your generated site to the Design Editor, you can continue editing, building, and publishing it right in Studio.Design.
You can also bring content from the Design Editor into Studio.Assistant. Under [Import], select [Design data].
On the Starter plan, you export one page at a time. On the Pro plan, you can export all pages at once.
Tips: [Header] and [Footer] are exported as components in the Design Editor.
Note: Exporting alone doesn't update your live site. Finish your publish settings in the Design Editor's Publish panel, then publish or update your site.
Exporting and importing content with sheets
On the Pro plan, you can export and import your site content using three types of sheets. All of them are Excel (.xlsx) files.
Sheet | Description |
Briefing sheet | Edit your site overview and generation settings |
Copy sheet | Replace text across your site all at once |
Sitemap sheet | Edit your page structure and section order |
You can save your generation settings as a settings file and reuse them on another site. Sheets and images can be imported by dragging and dropping them onto the screen.
Tips: For details on how each sheet is structured and what you can edit, see "Importing and exporting Studio.Assistant sheets."
Specifications and limitations
Here's what to know before you get started.
Item | Details |
Supported languages | The interface, chat, and generated text support Japanese and English. |
Collaboration | Work in Studio.Assistant is designed for one person at a time. |
How your data is handled | The sites and content you create are never used to train AI. |
Checking your version | You can check the version you're using under [About] in the account menu. |