すべてのコレクション
AI自動生成
AIでセクションを自動生成する
AIでセクションを自動生成する
一週間前以上前にアップデートされました

「セクション自動生成機能」で作りたいセクションのデザインや構成についてテキストを入力すると、そのテキスト情報から最適なセクションを自動生成できます。

この記事では、自動生成機能の詳細と活用方法を解説します。

目次

1.セクション自動生成機能とは

作りたいセクションのデザインやサービス内容、特徴、構成などについてテキストを入力すると、そのテキスト情報から最適なセクションが自動生成されます。

レスポンシブ対応まで考慮され、一度に複数パターン生成されます。

Webサイト制作におけるデザイン検討やノーコードエディターを用いた実装といった

制作フローを大幅に短縮できます。

ファーストビューに用いる魅力的なキャッチコピー、制作に時間のかかるフォームといったものまで自動で生成できます。

2.自動生成機能の使い方

具体的にセクションを自動生成する方法を解説します。

セクションを自動生成する

サイドバーのAI自動生成を選択し、AIでセクションを自動生成するを選択します。

生成するセクションの種類を選択し次へで進みます。

今回は、カバー作成の例をご紹介します。

メインカラーやサービスや商品について、想定するデザインなどを入力します。

デザイン項目の下に選択肢があるので、こちらから選択頂くことも可能です。

生成されたセクションは、サイドバーのAI自動生成内に保存されます。

一度に複数パターン生成され、レスポンシブ対応まで考慮されてます。

ファーストビューに用いる魅力的なキャッチコピー、制作に時間のかかるフォームといったものまで自動で生成できます。

内容を編集して再生成する

生成したセクションを選択し、右上の3点リーダーの詳細を見るから入力情報を確認できます。生成したセクションを削除したい場合は、削除するを選択します。

編集して再生成するを選択すると編集画面へ遷移します。

より精度の高いセクションを作成したい場合は、各項目のテキストを編集すると再生成できます。

3.生成したセクションを編集する

生成したセクションはスタイルパネルで自由に編集できます。

配置先を指定した状態で、生成したセクションを選択して配置します。

変更したい箇所を選択し、スタイルパネルから編集します。

スタイルパネルでは、各テキストのサイズやカラーの編集、設定の変更等が可能です。

スタイルパネルの操作方法に関してはこちら

こちらの回答で解決しましたか?