Skip to main content

Studio's AI features

This article provides an overview of the AI features in Studio and how to use them.

Plans covered: All plans


ℹ️ Some of these features are only available in the new editor version, Editor 5.0, released on November 25, 2025.

In addition, some of the links in the article may provide operating procedures for the old editor.

Image AI

You can edit images in the Editor with natural language instructions.

You can use either images uploaded by yourself or free images downloaded from the Stock Panel.

Editing instructions can be specified not only by text, but also by attaching reference images.

You can complete the creation and editing of images that match your design within Studio.

Steps to edit an image in AI

  1. Place the image on the screen.

  2. Click on the Studio icon at the top of the image and enter your edits to the image in the text field.

  3. If you have a reference image, click on the image icon to the right of the text field and upload the image.

Text AI

Text can be automatically generated and edited by AI by entering a prompt. This is an efficient way to brush up on catchphrases and translate into other languages.

Procedure for editing text by AI

  1. Place a text box on the screen.

  2. Click on the Studio icon at the top of the text box and enter a prompt.

Auto Responsive

AI will automatically apply responsive settings to the design you have already created. This shortens the work process by automatically adjusting the layout for each device, balancing elements, and optimizing margins, which were previously handled manually.

Steps to apply automatic responsiveness

Once the default (PC) size design is complete, follow the steps below.

  1. In the toolbar, select the breakpoint where you want to set the responsive design.

  2. Open the Layers panel and select the box for which you want to set responsive.
    *If the area to which you want to apply the auto-responsive is not a specific box but the entire page, open the Layers panel and select "<div> Base" at the top.

  3. Click on the Magic Button (star icon) on the left end of the toolbar. The magic button appears only when an element, such as a box, is selected.

Layer Rename

AI will rename all layers based on the design.

The default names such as "group" and "box" are automatically converted to a more easily understandable expression, facilitating collaboration and delivery work.

Procedure for automatic layer name conversion

  1. Open the Layer Panel and place the cursor on the layer you wish to rename.

  2. Click the magic button (star icon) that appears on the right side when hovering, and the layer name will be automatically converted.

    • If the layers are grouped, the child boxes of the lower layer will be converted at the same time.

    • If you want the entire page, select "<div> Base" at the top of the layer.

SEO Writing Assist

AI reads the text information of the site or page and automatically generates the title and meta description (description).

Troubleshooting

I would like to restore the edits and settings made by AI.

Please try one of the following methods

  1. Undo the operation (click the Undo menu or use the keyboard shortcut (Mac: ⌘ + Z, Windows: Ctrl + Z))

The message "The function cannot be used because the usage limit has been reached. is displayed and cannot be used.

There is an execution limit for AI function operations.

If the limit is exceeded, the function cannot be used for a certain period of time.

Did this answer your question?