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

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

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

プロンプトを使って、ページやセクションのアウトラインを作成します。例：「ホーム、特徴、料金（3段階）、ドキュメント、そして証言付きのサインアップページがあるスタートアップサイトを作成してください。」

Figma Makeは、コンポーネントと編集可能なスタイルを備えたレスポンシブサイトを構築します。料金の切り替え、サインアップのフロー、ドキュメントリンクをテストしてください。

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

AIスタートアップWebサイトビルダーで、アイデアからコンバージョン対応のサイトを作ります。コーディングは不要です。

ヒーロー、特徴グリッド、ソーシャルプルーフ、料金の説明を記入します。Figma Makeはレスポンシブセクションとナビゲーションを自動生成します。

普段の言葉でプロンプトを入力します（「料金帯、比較表、サインアップCTA」のように）。ほんの数分でレイアウト、構造、インタラクションができあがります。

最初のフレームから発行まで流れに乗る。コピー、ビジュアル、ロジックを切り替えることなく反復する。

Supabase を接続し、サインアップ、ウェイティングリスト、およびニュースレターのキャプチャを、現実的なデータを用いてページに表示します。

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