StudioのAI機能

この記事では、Studioに搭載されたAI機能の概要と使い方をまとめています。

自然言語による指示で、Editor内で画像を編集できます。

ご自身でアップロードした画像、ストックパネルからダウンロードしたフリー画像、どちらでも利用が可能です。

編集内容の指示はテキストだけでなく、参考画像を添付して指定することもできます。

Studio内でデザインに合った画像の作成や編集が完結します。

操作方法などの詳細は、画像ボックス > Image AIを参照してください。

プロンプトの入力によって、AIによるテキストの自動生成や編集が可能です。キャッチコピーのブラッシュアップや他言語翻訳を効率的に行うことができます。

操作方法などの詳細は、テキストボックス > Text AIを参照してください。

作成済みのデザインに、AIが自動でレスポンシブ設定を適用します。従来は手動で対応していたデバイスごとのレイアウト調整や要素のバランス、余白の最適化を自動で行い、作業工程を短縮できます。

操作方法などの詳細は、レスポンシブデザインを設定する > Auto Responsive（オートレスポンシブ）を参照してください。

デザインをもとにAIがレイヤー名を一括変換します。

初期状態の「group」や「box」などの名称をよりわかりやすい表現で自動変換し、共同作業や納品作業をスムーズに進められます。

操作方法などの詳細は、レイヤーパネル > Layer Renameを参照してください。

AIがサイトやページのテキスト情報を読み取り、タイトルやメタディスクリプション（説明文）を自動で生成します。

詳細は、タイトルと説明文（ディスクリプション）をAIで自動生成するをご覧ください。

Embed Code AIは、埋め込みコードエディタ内のAI機能です。入力済みコードの編集と、空の状態からのコード生成のどちらにも対応しています。

AIの出力結果はリアルタイムでプレビューに反映されるため、スクリーン上の挙動を確認しながら調整できます。

詳細は、Embed（埋め込み）ボックス > Embed Code AI を参照してください。