---
url: "/ja/bannerify/animation/animation-origin-point.md"
description: "カスタムアニメーションの回転や拡大縮小の中心となる点を設定します。"
---

# アニメーションの基準点を設定する

> カスタムアニメーションの回転や拡大縮小の中心となる点を設定します。

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

Bannerifyプラグインを使って、バナーにカスタムキーフレームアニメーションを追加する方法を解説した動画です。
[Embedded media](https://www.youtube-nocookie.com/embed/Js4uSQ855uo)

[Video](/assets/videos/bannerify/animation/origin-point.mp4)

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

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