動画チュートリアル：Figmaのバナーデザインにカスタムアニメーションを追加する

Bannerifyプラグインを使って、バナーにカスタムキーフレームアニメーションを追加する方法を解説した動画です。

デフォルトでは、すべてのカスタムアニメーションの基準点はX軸・Y軸ともにCenterとCenterに設定されています。これは、Origin pointグリッドの9つの点のいずれかをクリックして変更できます。グリッドは、縦軸のTop、Center、Bottomと、横軸のLeft、Center、Rightを組み合わせたものです。

アニメーションの基準点を変えると、レイヤーのどこにアニメーションが「固定」されるかが変わります。たとえば基準点をTopとLeftに設定すると、その点が回転アニメーションの軸になり、拡大・縮小アニメーションの起点にもなります。