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

この動画では、Bannerifyプラグインを使って、FigmaからHTMLバナーのプレビューリンクをNetlifyにアップロードする方法を紹介します。

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

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

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

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