ステップ1: フレームの作成

Makeで一から始めるか、Figma Designからフレーム/コンポーネントを導入することができます。

ステップ2: ストアフロントの説明

「注目の商品、カテゴリー、ショッピングカートアイコンがあるホームページを作成してください」のような自然言語のプロンプトを使用します。

Figma Makeは、ナビゲーションとテストを実行できるレスポンシブでインタラクティブなeコマースプロトタイプを生成します。

チェックアウトフローのプロンプト、アニメーションの追加、レイアウトの微調整—すべてFigmaで編集可能です。

AI eコマースプロトタイプジェネレーターを使用して、オンラインストアをデザイン、テスト、ローンチ—コードは不要です。

スケッチから購入可能なプロトタイプを作成—AIがレイアウト、ナビゲーション、商品ページを即座に生成します。

eコマースサイトを簡単な英語で説明すると、Figma Makeが構造、インタラクション、スタイルを反映させたサイトを作成します。

デザイン、プロトタイプ作成、反復作業をシームレスに保ちます。Figma Makeでは、eコマース体験の作成と改良をすべて1つのファイルで行うことができます。

アニメーション、ショッピングカートフロー、実際の製品データを追加して、顧客のジャーニーをテストします。開発者へのハンドオフは不要です。

デザイナーがFigma MakeのAI UIツールを使用して、どのようにマーケティングページや製品ダッシュボード、およびモバイルファーストのフローを構築しているのかをご覧ください。