ステップ1. フレームから始める

Figma Make で新しいフレームを作成するか、既存の Figma デザインファイルからフレームを貼り付けて、レイアウトを始めてください。

ステップ2: サイトの説明を記入する

プロンプトを使用して、ページとセクションの概略を指定します。例:「ホーム、機能、料金、Docs、Sign-upページを持つ製品サイトを作成する。」

Figma Makeは、ナビゲーション、コンポーネント、編集可能なスタイルを備えたレスポンシブサイトを構築します。料金選択やサインアップのような主要なフローをプレビューします。

ブランドトークンを適用したり、コピーを微調整したり、プロンプトを変更します（例: 「比較表を追加する」）。準備ができたら、Figma Makeから直接サイトを公開します。

AI製品Webサイトビルダーで、コンセプトからローンチまでコーディングなしで進められます。

自然な言語で製品サイトの説明を記入すると、Figma Makeが構造、レイアウト、インタラクションを自動生成します。

ヒーローセクション、フィーチャーグリッド、テスティモニアル、価格表を数分で作成—GA、ベータ、または新機能用に最適です。

最初のフレームから最後のハンドオフまでフローを維持します。ツールを切り替えなくてもコピー、ビジュアル、ロジックを反復できます。

現実的なデータ状態を使用して、Supabaseを接続し、料金帯、変更ログ、およびドキュメントのコンテンツをプレビューします。

当社のAI Webサイトビルダーで作成された素晴らしいWebサイトからインスピレーションを得ましょう。スタートアップからエンタープライズまで、創造性とAIの融合によってどんな可能性がもたらされるのかをご覧ください。