---
url: "/ja/bannerify/export/netlify.md"
description: "（エクスポートした`.zip`ファイルにローカルで含めるだけでなく）すべてのバナーのプレビューページをオンラインでホスティングしたい場合は、BannerifyのHTMLエクスポート設定に組み込まれたNetlifyアップロード連携を使えます。"
---

# プレビューページをNetlifyのURLに自動でアップロードする

> （エクスポートした`.zip`ファイルにローカルで含めるだけでなく）すべてのバナーのプレビューページをオンラインでホスティングしたい場合は、BannerifyのHTMLエクスポート設定に組み込まれたNetlifyアップロード連携を使えます。

### 動画チュートリアル：FigmaからHTMLバナーのプレビューリンクをNetlifyにアップロードする

この動画では、Bannerifyプラグインを使って、FigmaからHTMLバナーのプレビューリンクをNetlifyにアップロードする方法を紹介します。
[Embedded media](https://www.youtube-nocookie.com/embed/ZBJeKCTWo4k)

[Video](/assets/videos/bannerify/export/netlify-upload.mp4)

この機能を使うには、Bannerifyのヘッダーで**Export to HTML**ボタンをクリックし、**Upload Preview Page**トグルを有効にして、ドロップダウンで**Netlify**を選びます。次に、Netlifyの[パーソナルアクセストークン](https://app.netlify.com/user/applications)を貼り付けてBannerifyと接続し、現在のFigmaページ用の新しいNetlifyサイトを作成します。

> **Warning:** **ネットワークでNetlifyがブロックされている場合** チームメンバーの1人ではプレビューのアップロードが動作するのに、別のメンバーでは動作しない場合は、IT部門に`proxy.hypermatic.com`と`api.netlify.com`を許可するよう依頼してください。

必要に応じて**Change site name**リンクをクリックし、Netlifyが自動生成したサブドメイン名をよりわかりやすい名前に変更できます。Netlifyで保存した後、Figmaで**Refresh**アイコンボタンをクリックすると、更新されたURLが表示されます。

**Export _n_ Banners**ボタンをクリックすると、Netlifyのプレビューページがアップロードされたことを示す確認が表示され、ページを表示するリンクと、サイトを管理するためのNetlifyの設定ページへのリンクも表示されます。