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

この動画では、Bannerifyプラグインを使って、バナーにLottieファイルのアニメーションを追加する方法を紹介します。

Lottieアニメーションを入手するには、LottieFiles.comでアニメーションの一覧から探すか、After Effectsプラグインで自作した場合は、.jsonファイルをLottieFilesのWebサイトに非公開のアニメーションとしてアップロードします。どちらの場合も、同じようにアニメーションのURLリンクをコピーして、Bannerifyで使います。

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

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

LottieファイルのURLを一括適用する ほかのレイヤー設定と同じように、一括適用機能を使えば、LottieファイルのURL設定もまとめてレイヤーに適用できます。

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

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