---
url: "/ja/bannerify/design/lottie.md"
description: "Bannerifyのタイムラインでテキスト以外のFigmaレイヤーの**Settings**アイコンボタンをクリックし、Lottieの埋め込み入力欄に有効なLottieファイル（`.json`）のURLを貼り付けると、Lottieアニメーションを埋め込めます。"
---

# バナーにLottieファイルのアニメーションを含める

> Bannerifyのタイムラインでテキスト以外のFigmaレイヤーの**Settings**アイコンボタンをクリックし、Lottieの埋め込み入力欄に有効なLottieファイル（`.json`）のURLを貼り付けると、Lottieアニメーションを埋め込めます。

### 動画チュートリアル：FigmaのバナーエクスポートにLottieアニメーションを追加する

この動画では、Bannerifyプラグインを使って、バナーにLottieファイルのアニメーションを追加する方法を紹介します。
[Embedded media](https://www.youtube-nocookie.com/embed/JOJXVPWejOw)

[Video](/assets/videos/bannerify/design/lottie-animation.mp4)

Lottieアニメーションを入手するには、LottieFiles.comで[アニメーションの一覧から探す](https://lottiefiles.com/featured?ref=bannerify)か、[After Effectsプラグイン](https://lottiefiles.com/plugins/after-effects)で自作した場合は、`.json`ファイルをLottieFilesのWebサイトに[非公開のアニメーション](https://lottiefiles.com/preview?ref=bannerify)としてアップロードします。どちらの場合も、同じようにアニメーションのURLリンクをコピーして、Bannerifyで使います。

デフォルトでは、Lottieアニメーションは自動でループしますが、必要に応じて**Loop Embed**トグルをオフにして変更できます。

レイヤーからLottieアニメーションを外すには、もう一度**Settings**アイコンボタンをクリックし、Lottieの埋め込み入力欄からURLを削除します。

> **Tip:** **LottieファイルのURLを一括適用する** ほかのレイヤー設定と同じように、[一括適用](/ja/bannerify/animation/animating-banners#applying-bulk-animations)機能を使えば、LottieファイルのURL設定もまとめてレイヤーに適用できます。

> **Note:** **動画・GIFエクスポートでの複雑な視覚効果やマスク**。 Lottieファイルを含むバナーをBannerifyから動画やGIFにエクスポートする場合、Lottieファイルによっては特殊効果、マスク、スタイルが含まれており、HTMLエクスポートと同じようにはサポートされないことがあります。

> **Warning:** **広告プラットフォームによっては、Lottieアニメーションの使用がブロックされます**。 Lottieファイルを含むバナーをGoogle Adsなどの広告プラットフォーム向けにHTMLでエクスポートする場合、一部のプラットフォームでは、（Lottieのような）サードパーティのJavaScriptライブラリの使用が認められていないため、バナーを入稿できないことがあります。