Bannerifyをはじめる

Figmaのデザインにアニメーションを付け、そのまま入稿できるバナーをHTML、GIF、動画などの広告形式でエクスポートできます。

Bannerify Figmaプラグイン

Bannerifyのインストールと有効化 ​

Figmaプラグインのインストールと実行

Figma内でBannerifyを実行する方法

Bannerify Proを有効にする

Proライセンスキーの購入方法と使い方

Bannerifyを使う ​

Bannerifyのドキュメント

短い画面録画付きの詳しいドキュメント

Bannerifyの動画チュートリアル

ステップごとに解説する動画チュートリアル

よくある質問 ​

Bannerifyのトラブルシューティング

よくある問題とその対処法

Bannerifyのセキュリティ

Bannerifyの仕組みの詳細

領収書

メールの領収書とPDFの請求書を探す

請求・お支払い

Proサブスクリプションを管理する

ライセンスのシート管理

キーに紐づけるFigmaユーザーを管理する

Bannerifyの無料版とPro

無料版とProの機能を比較する

Bannerifyの機能 ​

  • Figma Design、Figma Buzz、Figma Motionで使えます。
  • タイムラインでアニメーションを作り、Figmaの中でプレビューできます。
  • 各バナーに必要な画像、HTML、CSS、JavaScriptをすべて生成します。
  • HTML/CSS、GSAP、<canvas>、Google Ads、DoubleClickなど、多数の形式にエクスポートできます。
  • アニメーションを自分で作ることも、数十種類のプロ仕様のプリセットを使うこともできます。
  • 必要に応じて自分のAIツールを使い、各レイヤーの登場・退場・ホバーのアニメーションタイムライン一式を生成、確認、適用できます。
  • バナーごとに最大ファイルサイズ（kb）を設定すると、素材が自動で最適化されます。
  • 必要に応じて、各バナーに静的な代替（バックアップ）JPGを含められます。
  • レスポンシブなHTMLプレビューページを生成でき、Netlify、Cloudflare Pages、Vercel、Zapier、Makeへのアップロードワークフローも利用できます。
  • アニメーションバナーを次の形式にエクスポートできます：HTML/CSS、GIF、MP4、WebM、アニメーションWebP、アニメーションPNG（APNG）、GSAP (Greensock)、AdForm、AdForm Mobile (MRAID)、Adition、AdRoll、Adobe Ad Cloud、AppLovin (Responsive HTML5)、AppNexus、Basis、Delta Projects、DoubleClick (DCM)、DoubleClick Studio、DV360、FlashTalking、Google Ads（固定サイズとResponsive HTML5）、Google Ad Manager (DFP)、Google App Campaigns (Playable and Responsive)、Google Display Network、IAB、Jivox (Dynamic Creative)、Responsive HTML (Media Queries)、6sense (Dynamic Creative)、Seznam Sklik、Sizmek、StackAdapt、DemandScience（旧Terminus）、The Trade Desk、BidTheatre、Xandr、Amazon Ads、USSD (Tap to SMS)、USSD (Tap to Call)、Yandexなど多数。
  • エクスポートしたすべてのバナーとプレビューページを、1つの.zipファイルに自動で保存します。