> For the complete documentation index, see [llms.txt](https://docs.allganize.ai/alliyzgaido/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.allganize.ai/alliyzgaido/skills/skill-editor/node/send-customui-node.md).

# カスタム UI送信（API連携）

カスタムUI送信ノードは、API連携によって、チャットフローのカスタムユーザーインターフェイスにデータを送信する方法です。これにより、チャットフローの会話に基づいて適切なデータを動的に取得することができます。

【例】Custom UIを利用した会話

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/01/cui1.jpg?resize=408%2C720&#x26;ssl=1" alt=""><figcaption></figcaption></figure>

カスタムUI送信（API連携）ノードは、Alliチャットフローの任意のカスタムインターフェイスと連携してデータを取得します。 チャットフロー編集画面にてカスタムUI送信（API連携）ノードを選択し、ドロップダウンメニューでUIの変数を選択・作成します。 ユーザーが変数でインターフェイスで選択したものをキャプチャすることもできます。

【設定例】

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/01/cui2.png?resize=484%2C251&#x26;ssl=1" alt=""><figcaption></figcaption></figure>

1. カスタムUIで使用される変数を選択・作成します。
2. ユーザーの選択結果を取り込む先の変数を選択します。

カスタムUIの設計をお手伝いします リクエストがありましたら、以下までメールにてご連絡ください。 <biz@allganize.ai>