デザインキャンバス上でチェックアウトフローを生成する

チェックアウトフロー生成ツールは、購入を完了する際のユーザーの移動手順と画面（カートの確認、配送情報、支払い、確認）を構築するのに役立ちます。Figmaのエージェントは、デザインシステムを使用して、キャンバス上にこれらのフローを直接生成するので、汎用的なワイヤーフレームではなく、本番環境用の画面を準備できます。これにより、複数のチェックアウトの構造やレイアウトを探求するプロセスが加速します。

Figmaのエージェントを左のサイドレールから開くか、CMD+Enterを押します。必要なチェックアウトフローの説明（ステップ数、ゲストチェックアウトオプション、支払い方法など）を記入し、エージェントに自分のデザインライブラリを指示します。エージェントは実際のコンポーネントを使用してキャンバス上に画面を生成します。そこから、フォローアップのプロンプトで細かく調整したり、手動で編集することができます。

完全なチェックアウトフローには通常、カートの概要、配送情報フォーム、支払いの詳細、注文のレビュー、確認画面が含まれます。製品によっては、ゲストチェックアウトオプション、保存された住所、プロモーションコードのフィールド、またはアップセルモジュールを追加することができます。Figmaのエージェントは、既存のコンポーネントを使用してこれらすべてを生成できます。必要な内容の説明をプロンプトで記入するだけです。

絶対唯一の正解はありません。これは製品とオーディエンスにより異なります。いくつかのeコマースサイトは迅速な処理のために1ページのチェックアウトを使用しますが、他のサイトは明確さのために3から5ステップに分けます。Figmaのエージェントは、異なるステップ数を並行して生成および比較できるため、1つのアプローチに絞る前に、ユーザーに最適なものがどれであるかを評価できます。

Figmaのエージェントはすべての有料Figmaプランで利用可能です。それは Figma Design の左側のレールにあります。現在のオープンベータ期間中はAIクレジットを消費しませんので、探求、実験、フィードバックの共有をするには良い時期です。