Wix Headless：Figma からサイトを公開する

Figma to Wix Headless プラグインを使用すると、Figma のデザインをライブサイトとして公開することができます。フレームを選択して公開するだけで、どのデバイスからでも開ける Wix のアドレスが発行され、クライアントやチームメンバーと共有することができます。

公開したい Figma ファイルで、Figma to Wix Headless プラグインを開きます。

1. Figma で該当する Design ファイルを開きます。
2. 「プラグイン」から「プラグインを管理」をクリックします。
3. 「Figma to Wix Headless」を検索し、プラグインを選択します。
4. 「実行」をクリックします。

公開したいフレームを選択します。選択した最上位のフレームが、それぞれサイトの1ページになります。

1. キャンバス上で、公開したい最上位のフレームを選択します。セクション内のフレームをすべて含めるには、そのセクションを選択します。
2. （オプション）サイトのページを整理します：
   • トップページを設定する：「ページ」リストでページにマウスオーバーし、「トップページ」をクリックします。「Home」という名前のフレームがすでにある場合は、自動的に選択されます。
   • ページのアドレスを変更する：ページ名の下にある欄で URL を編集します。ここで設定した内容が、サイトのアドレスにおけるページのパスになります（例：/about-us.html）。

ページを公開すると、どのデバイスからでも開いて共有できるライブアドレスが発行されます。サイトは1時間公開され、プラグインのパネルに残り時間が分単位で表示されます。

1. Figma プラグインで「Wix に公開」をクリックします。
2. サイトが公開されると、次の操作を行うことができます：
   • サイトを開く：新しいブラウザタブでサイトを表示します。
   • リンクをコピー：サイトのアドレスをコピーして共有します。
   • ZIP をダウンロード：サイトの HTML ファイルを ZIP ファイルとしてダウンロードします。
3. （オプション）Wix アカウントに保存する前に、Figma でサイトの更新を続けます。
   1. Figma でデザインを編集します。
   2. もう一度フレームを選択します。
   3. 「サイトを更新」をクリックします。

サイトを Wix アカウントに保存すると、サイトが公開されたままになり、ダッシュボードから管理することができます。

1. Figma プラグインで「Keep this site（このサイトを保持）」をクリックします。

2. Wix アカウントにログインします。アカウントをお持ちでない場合は、無料で Wix アカウントを作成してください。

3. （オプション）Wix ダッシュボードから、新しいサイトの管理を続けます：

   • ドメインを接続：無料の Wix アドレスの代わりに、独自ドメインを接続します。

   • ライブサイトを表示：公開中のサイトを開きます。

   • AI で編集：サイトに変更を加えたり、ビジネス機能を追加したりします。

AI ツール（ChatGPT、Claude、Claude Code、Cursor、Codex など）を使用して、デザインを更新します。Wix ストア、Wix ブッキング、Wix Payments などの Wix のビジネスソリューションを追加することもできます。

1. Wix ダッシュボードで「フロントエンドを編集」をクリックします。
2. 「プロンプトをコピーする」をクリックします。
3. AI ツールにプロンプトを貼り付けます。
4. サイトで変更・追加したい内容を AI ツールに伝えます。AI ツールを使用した Headless サイトの作成についてはこちら

Figma からのサイト公開の詳細については、以下の質問をクリックしてください。