---
url: "/pt/bannerify/animation/animation-origin-point.md"
description: "Controle o ponto de pivô das suas animações personalizadas."
---

# Definir o ponto de origem da animação

> Controle o ponto de pivô das suas animações personalizadas.

### Vídeo tutorial: adicione animações personalizadas aos seus banners no Figma

Este vídeo mostra como adicionar animações de keyframes personalizadas aos seus banners com o plugin Bannerify.
[Embedded media](https://www.youtube-nocookie.com/embed/Js4uSQ855uo)

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

Por padrão, a origem de todas as suas animações personalizadas é definida como `Center` e `Center` nos eixos X/Y, mas você pode personalizá-la clicando em um dos nove pontos da grade **Origin point**, que combina `Top`, `Center` ou `Bottom` no eixo vertical com `Left`, `Center` ou `Right` no eixo horizontal.

Mudar a origem da animação altera o ponto em que a animação fica “fixada” na camada. Por exemplo, definir a origem como `Top` e `Left` faz desse ponto da camada o eixo em torno do qual uma animação de rotação gira, ou o ponto a partir do qual a camada aumenta ou diminui de escala.