---
url: "/pt/pitchdeck/design/animations.md"
description: "Adicione animações aos elementos dos slides, defina o tempo e a ordem delas e revise tudo em uma linha do tempo."
---

# Animar seus slides

> Adicione animações aos elementos dos slides, defina o tempo e a ordem delas e revise tudo em uma linha do tempo.

O Pitchdeck anima as camadas filhas diretas de cada slide. Use a aba **Animations** para selecionar elementos e editar o movimento deles em conjunto.

> **Note:** A animação completa é reproduzida na pré-visualização, no modo apresentador e no HTML local. O compartilhamento hospedado verifica se o visualizador publicado é compatível com animações avançadas. O MP4 renderiza as animações e transições 2D compatíveis. O PowerPoint nativo é compatível com um subconjunto conservador de fades/builds; as animações incompatíveis são informadas. O Keynote, o Google Slides e os formatos estáticos omitem as animações do Pitchdeck.

[Video](/assets/videos/pitchdeck/design/adding-layer-animations.mp4)

## Selecionar elementos {#select-elements}

1. Selecione um slide na barra lateral esquerda e abra **Animations**.
2. Clique em um elemento em **Animation order** ou na pré-visualização do slide. Segure **Command** no Mac ou **Ctrl** no Windows para adicionar ou remover elementos. Segure **Shift** para selecionar um intervalo.
3. Use **Select all** para selecionar todos os elementos listados. Os elementos sem animação aparecem em **Not animated**. Pesquise pelo nome da camada em slides com muitas camadas.

Quando vários elementos estão selecionados, o inspetor mostra **Mixed** nos valores que são diferentes. Editar um campo altera esse campo em toda a seleção e preserva as outras configurações, os links e as mídias dos elementos.

## Adicionar uma animação {#add-an-animation}

Para animar um slide inteiro de uma vez, escolha **Animate this slide** no painel Animations ou **Animate slide** na linha do tempo (os dois aparecem enquanto o slide não tem animações), ou execute **Animate slide** pelos Commands. O título entra primeiro, um subtítulo vem em seguida e depois o conteúdo sobe linha por linha, na ordem de leitura. O texto dentro de um cartão entra junto com o cartão, e fundos, logotipos, rodapés, números de página e divisores ficam parados. Isso substitui as animações existentes do slide; use **Undo** para recuperá-las.

Para um elemento sem animação, escolha **Fade**, **Slide up**, **Scale** ou **Pop**, ou escolha **All effects…** para ver todas as animações. Os efeitos ficam agrupados em **Entrance**, **Emphasis** e **Exit**, além de **Custom** para seus próprios keyframes. Passe o mouse sobre um efeito para pré-visualizar o movimento.

As opções sutis ficam perto do topo de **Entrance**: **Wipe** revela um elemento a partir de uma borda, **Reveal** abre o elemento em um círculo, **Settle** faz o elemento entrar suavemente a partir de um tamanho um pouco maior e **Grow** estende o elemento a partir da esquerda, do centro, da direita ou de baixo, o que combina com barras e gráficos. **Exit** inclui **Fade**, **Wipe**, **Close** e **Shrink** com direção. Esses efeitos são reproduzidos no editor, no Presenter, no HTML local e no MP4; o PowerPoint mantém apenas os fades.

Depois de escolher uma animação, use **Direction** para definir de onde ela entra, ou **Style** para variações como **Up** e **Down**. Cada alteração reproduz o efeito editado no slide para você ver o resultado.

## Definir o tempo {#set-timing}

Em **Plays**, escolha quando o efeito começa. Uma linha logo abaixo descreve isso em palavras simples, por exemplo, com qual efeito ou depois de qual efeito ele é reproduzido, ou qual clique ele espera.

| Plays | Comportamento |
| --- | --- |
| On click | Espera um clique durante a apresentação. |
| With previous | Começa junto com o efeito anterior, mais o atraso definido. |
| After previous | Começa depois que o efeito anterior termina, mais o atraso definido. |

Em **Speed**, escolha **Fast** (0,3 segundo), **Normal** (0,6 segundo) ou **Slow** (1,2 segundo), ou escolha **Custom** e informe uma **Duration**. Informe um **Delay** em segundos. **More options** contém **Easing** e **Effect type**. O Easing mostra curvas predefinidas, incluindo **Gentle**, **Overshoot** e **Anticipate**; passe o mouse sobre uma predefinição para ver um ponto se mover com aquela curva. Arraste as duas alças da curva, ou foque uma alça e use as setas do teclado, para criar uma curva personalizada. O Effect type é definido automaticamente a partir da animação escolhida; altere-o apenas quando um efeito precisar ser reproduzido como outro tipo, por exemplo, um fade usado como saída.

Nas camadas de texto, **Build text** permite escolher **All at once** ou **By line**. By line revela o texto uma linha após a outra; ajuste **Lines** para corresponder ao texto se a estimativa estiver errada e **Between lines** para o intervalo. Os builds por linha são reproduzidos no editor, no Presenter, no HTML local e no MP4. O PowerPoint anima a camada de texto inteira.

Para encadear vários elementos, selecione-os, informe um espaçamento em segundos em **Stagger selected layers**, escolha **Forward** ou **Reverse** e depois **Stagger**. Um espaçamento de 0 faz todos começarem juntos.

## Revisar a ordem {#review-the-order}

**Animation order** lista todos os efeitos na ordem de reprodução. Os números destacados esperam um clique; os números cinza são reproduzidos automaticamente. Os mesmos números aparecem na pré-visualização do slide. Cada linha mostra uma pequena barra indicando quando o efeito é reproduzido. Arraste uma linha, ou passe o mouse sobre ela e use os botões de seta, para movê-la para antes ou depois. Clique em uma linha para selecionar o elemento e reproduzir aquele efeito.

Escolha **Timeline** abaixo do slide, ao lado de **Speaker notes**, para ver todos os efeitos em um único eixo de tempo. O painel muda sozinho para **Timeline** enquanto você escolhe, edita ou reproduz animações, a menos que você tenha escolhido uma aba nesse slide. Linhas tracejadas marcam cada clique. Arraste uma barra para alterar o atraso dela, ou arraste a borda direita para alterar a duração; o tempo se ajusta a intervalos de 0,05 segundo, e segurar **Alt** permite movê-la livremente. Clique ou arraste ao longo da régua de tempo para mover o cursor de reprodução e percorrer a animação; as setas para a esquerda e para a direita fazem pequenos ajustes. O cursor de reprodução acompanha a reprodução durante a pré-visualização.

As barras se encaixam nas bordas de outras barras, nas linhas de clique e no início do slide, e uma linha-guia vermelha mostra o alinhamento. Quando o slide tem uma transição, uma linha **Transition** aparece no topo; arraste a borda direita dela para alterar a duração. Os slides com narração mostram uma linha **Narration** com a forma de onda; arraste-a para alterar quando a narração começa, ou clique nela para abrir as configurações de áudio.

Clique em uma barra para focá-la e depois:

| Ação | Resultado |
| --- | --- |
| Seta para a esquerda ou para a direita | Ajusta o atraso em 0,05 segundo. Segure **Shift** para ajustar 0,5 segundo. |
| Alt+Up ou Alt+Down | Move o efeito para antes ou depois. |
| Enter, ou clique duas vezes na barra | Abre o seletor de efeitos. |
| Delete | Remove o efeito. |
| Espaço | Reproduz ou pausa o slide. |

Clique nas barras segurando Shift ou Command/Ctrl para selecionar várias, ou arraste por um espaço vazio da trilha para selecionar todas as barras que a caixa tocar. Arrastar qualquer barra selecionada move toda a seleção, as setas do teclado fazem pequenos ajustes e **Delete** remove a seleção. Com várias barras selecionadas, o menu do botão direito ganha **Stagger _n_ animations**, que espaça as animações em 0,15 segundo.

Para dar zoom na linha do tempo, segure **Command/Ctrl** e role, faça o gesto de pinça no trackpad ou use **−** e **+** acima dela; escolha a porcentagem para ajustar o slide inteiro de novo. **Deck motion**, acima da linha do tempo, abre a visão de toda a apresentação.

Clique com o botão direito em uma barra para ver **Change effect…**, **Play this animation**, **Copy animation**, **Paste animation**, **Move earlier**, **Move later** e **Remove animation**. Arraste o nome de uma linha para cima ou para baixo para mudar a ordem. Arraste a borda superior da linha do tempo para redimensioná-la; clique duas vezes na borda para ajustá-la às linhas de novo.

## Adicionar, copiar e reutilizar efeitos {#add-copy-and-reuse-effects}

Escolha **+** ao lado do nome do elemento para adicionar outro efeito. Um elemento pode ter uma entrada, uma ênfase e uma saída; os efeitos dele ficam listados para que você selecione um para editar ou escolha **−** para removê-lo. Encadeie os efeitos no mesmo elemento quando as transformações deles se sobrepuserem.

O menu **⋯** contém **Copy animation**, **Paste animation** e **Remove all animations**. Copiar e colar também funcionam com **Command/Ctrl+Shift+C** e **Command/Ctrl+Shift+V**. Remover as animações mantém os links e as mídias.

Expanda **Motion styles**, informe um nome em **Save current as** e escolha **Save style**. O estilo usa a animação do primeiro elemento selecionado. Escolha um estilo salvo para aplicá-lo a outra seleção na mesma apresentação.

> **Tip:** Os metadados de animação ficam vinculados à camada do Figma. Copiar a camada para outro slide também leva junto as configurações de animação.

## Pré-visualizar e desfazer alterações {#preview-and-undo-changes}

Durante a edição, **Play** (ou **Espaço**) e o cursor de reprodução da linha do tempo mostram o slide como ele aparece naquele momento, para você conferir o tempo sem sair do modo de edição. Os elementos que ainda não estão visíveis na posição do cursor aparecem com contorno tracejado, para que você ainda possa encontrá-los e selecioná-los. Clique em um elemento do slide para voltar ao slide completo, com todos os elementos visíveis e selecionáveis. Escolha **Preview** para ter **Replay**, **Next click**, o controle deslizante de tempo e links clicáveis.

Os slides com animações mostram na miniatura um selo de reprodução com o número de efeitos. Passe o mouse sobre a miniatura para reproduzir as animações ali mesmo, ou escolha o selo para abrir o slide e reproduzi-lo. Os slides com vídeo, áudio ou conteúdo incorporado mantêm a miniatura estática.

**Make it move** anima a apresentação inteira em uma única etapa. Abra esse recurso em **Tools** > **Animate whole deck…**, em **Animate the whole deck** no painel Animations quando nenhuma camada estiver selecionada, em **Deck motion** acima da linha do tempo ou pelos Commands. Escolha **Calm** (fades suaves), **Confident** (subida e escala) ou **Bold** (movimentos laterais e pops) e depois **Apply to _n_ slides**. Cada slide é coreografado da mesma forma que no **Animate slide**, com os efeitos do estilo escolhido: imagens grandes mudam de escala ou fazem fade em vez de quicar, e slides carregados encurtam o tempo para que cada build termine em menos de cerca de dois segundos. Os slides mudam com um fade (Calm e Confident) ou um deslize (Bold); o primeiro slide não tem transição. **Keep slides I've already animated** vem ativado por padrão. Toda a alteração é uma única etapa de **Undo**, e os efeitos usam easing padrão para que as exportações para PowerPoint os mantenham.

**Deck motion**, acima da linha do tempo ou pelos Commands, lista todos os slides incluídos com a contagem de animações e cliques, a transição e a duração. Escolha um slide para abri-lo. **Use this slide's transition everywhere** copia a transição do slide atual para todos os slides incluídos, e **Animate _n_ unanimated slides** executa o **Animate slide** nos slides que ainda não têm animações. As duas ações podem ser desfeitas. Use os controles de **Transition** do slide para definir a transição de entrada.

Use **Undo** e **Redo**, ou **Command/Ctrl+Z** e **Command/Ctrl+Shift+Z**, para edições de animações, notas, seções e configurações de movimento. Um pequeno ponto na barra de ferramentas indica que as alterações estão salvas; ele muda para **Saving…** ou **Unsaved** enquanto há alterações pendentes. Se o salvamento falhar, use **Retry saving** antes de atualizar, apresentar ou exportar.

## Commands, linha do tempo e Morph {#commands-timeline-and-morph}

Escolha **Tools** > **Commands & search** ou pressione **Command/Ctrl+K** para encontrar conteúdo dos slides ou abrir ferramentas. As animações copiadas com **Command/Ctrl+Shift+C** podem ser coladas em objetos selecionados de outro slide com **Command/Ctrl+Shift+V**. Arraste em um espaço vazio da pré-visualização para selecionar os objetos que a área cruzar; segure Command/Ctrl ou Shift para adicionar à seleção.

Para tempos de início exatos e trilhas de propriedades, escolha **Open visual motion timeline** nos Commands. Arraste uma barra para mover o início dela, ou arraste a borda direita para alterar a duração. O tempo se ajusta a intervalos de 0,05 segundo; segure **Alt** para mover sem ajuste. Há campos para o início e a duração exatos. **Property track** adiciona animações independentes de posição, escala, rotação ou opacidade aos objetos selecionados. As trilhas podem ser combinadas com uma animação predefinida. A linha do tempo mostra até 150 efeitos correspondentes; use a pesquisa para filtrar slides maiores.

Selecione **Morph** nos controles de transição do slide e depois use **Configure Morph / Magic Move** nos Commands para revisar as correspondências de objetos. O Smart Morph faz as correspondências automaticamente: primeiro pelos nomes de camada únicos, depois por instâncias do mesmo componente e por textos idênticos, mesmo quando as camadas foram renomeadas. Quando os dois slides têm o mesmo número de objetos com um nome repetido, eles são pareados na ordem de leitura; caso contrário, os nomes repetidos ficam sem correspondência, a menos que você escolha um objeto de origem. Cada correspondência mostra o motivo pelo qual foi feita. Os objetos sem correspondência fazem fade. As camadas de origem são mantidas intactas.

## Estilos de movimento vinculados e brand kits {#linked-motion-styles-and-brand-kits}

Aplicar um estilo de movimento reutilizável vincula os objetos selecionados a esse estilo. Atualize o estilo para alterar os objetos vinculados, mantendo as substituições de campos individuais. **Detach** mantém a animação atual como um snapshot independente. Se uma definição for removida, o snapshot incorporado continua sendo reproduzido.

Abra **Linked motion styles and libraries** nos Commands para renomear estilos, importar ou exportar uma biblioteca JSON revisada ou armazená-los como variáveis de string do Figma. As bibliotecas de variáveis publicadas disponíveis podem ser importadas. Salvar uma variável local não publica uma biblioteca da equipe; use o fluxo de bibliotecas do Figma para publicá-la.

Abra **Brand kits, object roles and relayout** para atribuir papéis semânticos, texto alternativo, marcações de elementos decorativos e a ordem de leitura. Crie estilos vinculados de título, corpo e destaque e depois revise a aplicação deles ao slide atual, aos slides selecionados ou a toda a apresentação carregada. As substituições de estilo locais podem ser preservadas. O relayout baseado em papéis move os objetos de nível superior existentes para uma disposição revisada, mantendo os IDs, o conteúdo, as mídias e as animações. As edições na origem e as alterações de estilos do Figma usam o **Figma Undo**.

## Narração {#narration}

Abra **Narration and audio cues** pelos Commands ou pela linha do tempo. Faça upload de um áudio ou grave uma tomada quando o host permitir o acesso ao microfone. A gravação para em 120 segundos. Os clipes precisam ter menos de 2 MB; a biblioteca local permite 3 MB por arquivo. Defina o início e o volume da deixa e escolha **Save slide cue**.

O áudio fica armazenado na biblioteca local do plugin neste computador. Anexe o clipe de novo em outro computador antes de exportar. O HTML local e o MP4 incluem o áudio; compartilhar uma apresentação hospedada faz upload do áudio anexado junto com a apresentação. As regras de reprodução automática do navegador podem exigir **Play narration**. As exportações nativas de apresentações editáveis não incluem essas deixas de narração.

Atualizar um brand kit vinculado altera todos os objetos do arquivo que usam esses estilos nativos do Figma. O controle de escopo determina quais objetos recebem os estilos ou as propostas de relayout. A tipografia e as cores do texto usam estilos vinculados separados. A reprodução com movimento reduzido mantém os builds por clique, revelando cada build atual instantaneamente.