---
url: "/ja/bannerify/export/vercel.md"
description: "Bannerifyに組み込まれたVercel連携を使い、エクスポートしたHTMLバナーのプレビューページを共有できるデプロイURLに公開します。"
---

# BannerifyのプレビューページをVercelにアップロードする

> Bannerifyに組み込まれたVercel連携を使い、エクスポートしたHTMLバナーのプレビューページを共有できるデプロイURLに公開します。

Bannerifyでは、生成したHTMLプレビューページとそのすべてのバナー素材を、Vercelに直接公開できます。

## Vercelを設定する {#configure-vercel}

1. [Vercelのアクセストークン](https://vercel.com/account/tokens)を作成します。
2. Bannerifyで**Export to HTML**をクリックし、**Upload Preview Page**を有効にして、**Vercel**を選択します。
3. アクセストークンを貼り付け、使用するVercelのプロジェクト名を入力します。
4. プロジェクトがVercelのチームに属している場合は、そのTeam IDも入力します。

**Export _n_ Banners**をクリックすると、Bannerifyは生成したプレビューファイルをアップロードし、新しいVercelのプレビューデプロイ用の固有のURLを返します。

アクセストークンは、Figmaユーザーのプライベートなクライアントストレージに保存されます。プロジェクト名と任意のTeam IDは、後のエクスポートでも再利用できるように現在のFigmaページに保存されます。

> **Warning:** Vercelの無料のHobbyプランは、個人の非商用利用に限定されています。業務やチームのプロジェクトには、対象となる有料プランが必要です。クライアントや会社の仕事に使う前に、最新の[VercelのHobbyプランの規約](https://vercel.com/docs/plans/hobby)を確認してください。