HTMLバナーにアニメーションGIFを含める

GIFレイヤーは、メインタイムラインに含まれている必要があります。GIFを含むネストされたレイヤーはレンダリングされず 、HTMLエクスポートにも含まれません。また、埋め込んだアニメーションGIFは、BannerifyからのGIF・動画エクスポートには含まれません。

透過GIFを指定する。デフォルトでは、GIFのエクスポートに透過は含まれません。GIFに透過が必要な場合は、Figmaのレイヤー名のどこかにtransparentという単語を追加してください。

アニメーションGIFを画像レイヤーとして使う

最上位の任意のバナーに.gifファイルをドラッグすると、Figmaの画像レイヤーとして追加されます。

この方法では、アニメーションGIFの上にほかのコンテンツを重ねることはできません。ただし、このフレームに追加したFigmaの塗り（色やグラデーションのオーバーレイなど）も、最終的な.gifエクスポートに含まれます。

または、コンピューターから.gifファイルをフレームレイヤーの塗りにドラッグして、フレームの背景の画像塗りとして設定することもできます。このフレームに追加したFigmaの塗り（色やグラデーションのオーバーレイなど）も、最終的な.gifエクスポートに含まれます。

この方法の利点は、アニメーションGIFの上に、フレーム内でほかのFigmaレイヤー（テキストや画像など）を追加できることです。それらのレイヤーも、HTMLバナーと一緒にエクスポートされる.gifに含まれます。