'Editor' タブの左側のレールにある 'AI design' がその場所です。1回の生成につき1クレジットを消費し、エディタ右上のカウンターに残高が表示されます。
先にブランディングの設定を入力しておくと、エディタはロゴ、フォント、ブランドカラーをすでに把握した状態になります。最初の生成からブランドに沿ったデザインで返ってくるため、プロンプトはレイアウトとコンテンツに専念できます。
AIデザインでウィジェットを作成する方法
ウィジェットを説明します。 'Type your message...' に作りたい内容を入力します。書き出しに迷う場合は、入力欄の下にある提案されたプロンプトから選んでください。
プロンプトを拡張します（任意、おすすめ）。 'Enhance prompt' をクリックすると、一言のアイデアがレイアウト、ヘッダー、アニメーション、ブランドカラー、モバイルでの動作まで含む詳細な指示に展開されます。生成前に編集できます。
表示するソースを選びます。 'Sources' のドロップダウンを開き、ウィジェットに表示したい投稿のアカウント、ハッシュタグ、ページにチェックを入れます。
参考画像を追加します（任意）。 'Enhance prompt' の隣の画像ボタンからスクリーンショットやブランドのビジュアルをアップロードすると、それに合わせたデザインで作成されます。
生成します。 'Generate' をクリックするとクレジットを消費してウィジェットが作成されます。
ブランドカラーを適用します（任意）。 テンプレートから生成すると、エディタがWebサイトのブランドカラーを検出し、適用するかどうかをチャットで確認します。適用を選ぶとヘッダー、ボタン、リンク、アクセントに反映され、スキップするとテンプレート本来の色が維持されます。
チャットで調整を続けます。 最初の生成のあとは、'Add hover effects'、'Change the color scheme' などの追加の提案がチップとして表示されます。クリックするか、ご自身で変更内容を入力すると、チャットの横のプレビューでウィジェットが更新されます。
Enhance promptはひと手間かける価値があります。短いプロンプトではレイアウト、動き、ブランドの細部が運任せになります。展開された指示は編集できるため、不要な部分は生成前に削除できます。
生成したウィジェットにソースを接続する
テンプレートから始めた場合や、ソースを接続する前に生成した場合は、プレビューがプレースホルダーのコンテンツで埋まり、'This is a dummy source. Connect your source →' というバナーが表示されます。クリックすると、プレースホルダーをご自身の投稿に差し替えられます。
チャットから離れずにソースを追加することもできます。'Sources' を開き、'Connect source' をクリックして、プラットフォームを選択します。
'Custom' はソーシャルプラットフォーム以外のコンテンツに対応し、'Request source' はまだ連携していないプラットフォームを当社チームにリクエストする機能です。各プラットフォームで取得できる内容はソースをご覧ください。
エディタ内のAIクレジット
AIデザインはAIクレジットを消費します。最初の生成でも、チャットに入力した追加の変更でも、1回の生成につき1クレジットです。テンプレートからの作成、ソースの接続、ウィジェットの表示設定の手動変更ではクレジットを消費しません。
残高はエディタの右上と、レールの左下に表示され、生成のたびに減っていきます。各機能の消費量と追加購入の方法はAIクレジットをご覧ください。
ウィジェットを作ってみませんか？
AIデザインに関するよくある質問
ウィジェット1つあたり何クレジット必要ですか。クレジットがなくなるとどうなりますか？
1回の生成につき1クレジットで、エディタ右上のカウンターに表示されます。各機能の消費量、残高、追加購入の方法はAIクレジットをご覧ください。
プロンプトは自分で書く必要がありますか？
いいえ。新しいウィジェットでは入力欄の下に提案されたプロンプトが表示され、'Enhance prompt' は一言のアイデアを編集可能な詳細な指示に変換します。
生成したあとにウィジェットを変更できますか？
はい。同じチャットに入力を続けるか、追加の提案チップをクリックしてください。プレビューはその都度更新されます。
自分のものではない投稿がウィジェットに表示されるのはなぜですか？
プレースホルダーのコンテンツを含むテンプレートから生成されたためです。プレビュー上部のバナーで 'Connect your source' をクリックするか、'Sources' のドロップダウンでご自身のアカウントを選択してください。
生成に失敗するとどうなりますか？
'Unable to generate HTML' のエラーが表示され、チャットに Retry ボタンが現れます。クリックすると、入力し直すことなく同じプロンプトを再送信できます。
説明の代わりにスクリーンショットからデザインできますか？
はい。'Enhance prompt' の隣の画像ボタンから参考画像をアップロードすると、それに合わせたデザインになります。
毎回プロンプトにブランドカラーを書く必要がありますか？
いいえ。ブランディングでロゴ、フォント、ブランドカラーを一度設定すれば、それ以降に生成するウィジェットはすべてその設定から始まります。
カスタムCSSはどこにありますか？
カスタムCSSはエディタの独立した設定ではなくなりました。スタイルの調整はこちらで行います。変更したい内容をチャットで説明し、結果を厳密に制御したい場合にCSSをお使いください。
次のステップ
ブランディングでワークスペースのブランドを一度設定すると、すべてのウィジェットがブランドに沿った状態で始まります。デザインが決まったら、フィルターで表示する投稿を絞り込み、ウィジェットの設定で表示オプションを設定しましょう。ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、support@embedsocial.com までメールをお送りください。喜んでサポートいたします 🙏