---
url: "/es/pitchdeck/design/animations.md"
description: "Añade animaciones a los elementos de las diapositivas, define sus tiempos y su orden, y revísalas en una línea de tiempo."
---

# Animar tus diapositivas

> Añade animaciones a los elementos de las diapositivas, define sus tiempos y su orden, y revísalas en una línea de tiempo.

Pitchdeck anima las capas hijas directas de cada diapositiva. Usa la pestaña **Animations** para seleccionar elementos y editar su movimiento a la vez.

> **Note:** El movimiento completo se reproduce en Preview, Presenter y Local HTML. Al compartir una presentación alojada, se comprueba que el visor desplegado admite el movimiento avanzado. MP4 renderiza el movimiento 2D y las transiciones compatibles. PowerPoint nativo admite un subconjunto prudente de fundidos y apariciones; se informa del movimiento no compatible. Keynote, Google Slides y los formatos estáticos omiten el movimiento de Pitchdeck.

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

## Seleccionar elementos {#select-elements}

1. Selecciona una diapositiva en la barra lateral izquierda y abre **Animations**.
2. Haz clic en un elemento de **Animation order** o de la vista previa de la diapositiva. Mantén pulsado **Command** en Mac o **Ctrl** en Windows para añadir o quitar elementos. Mantén pulsado **Shift** para seleccionar un rango.
3. Usa **Select all** para seleccionar todos los elementos de la lista. Los elementos sin movimiento aparecen en **Not animated**. En las diapositivas con muchas capas, busca por el nombre de la capa.

Cuando hay varios elementos seleccionados, el inspector muestra **Mixed** en los valores que son distintos. Al editar un campo, ese campo cambia en toda la selección y se conservan los demás ajustes, enlaces y contenido multimedia de cada elemento.

## Añadir una animación {#add-an-animation}

Para animar una diapositiva entera de una vez, elige **Animate this slide** en el panel Animations o **Animate slide** en la línea de tiempo (ambas opciones aparecen mientras la diapositiva no tiene animaciones), o ejecuta **Animate slide** desde Commands. Primero entra el título, después el subtítulo y luego el contenido sube fila a fila en orden de lectura. El texto dentro de una tarjeta entra con su tarjeta, y los fondos, logotipos, pies de página, números de página y separadores se quedan quietos. Esto sustituye las animaciones existentes de la diapositiva, así que usa **Undo** para recuperarlas.

Para un elemento sin movimiento, elige **Fade**, **Slide up**, **Scale** o **Pop**, o elige **All effects…** para ver todas las animaciones. Los efectos se agrupan en **Entrance**, **Emphasis** y **Exit**, además de **Custom** para tus propios fotogramas clave. Pasa el ratón por encima de un efecto para previsualizar su movimiento.

Las opciones sutiles están en la parte superior de **Entrance**: **Wipe** muestra un elemento desde uno de sus bordes, **Reveal** lo abre en un círculo, **Settle** lo hace entrar suavemente desde un tamaño algo mayor y **Grow** lo extiende desde la izquierda, el centro, la derecha o la parte inferior, lo que va bien para barras y gráficos. **Exit** incluye **Fade** direccional, **Wipe**, **Close** y **Shrink**. Estos efectos se reproducen en el editor, Presenter, Local HTML y MP4; PowerPoint solo conserva los fundidos.

Después de elegir una animación, usa **Direction** para indicar desde dónde entra, o **Style** para variantes como **Up** y **Down**. Cada cambio reproduce el efecto editado en la diapositiva para que veas el resultado.

## Definir los tiempos {#set-timing}

En **Plays**, elige cuándo empieza el efecto. Una línea debajo lo describe con palabras sencillas; por ejemplo, con qué efecto se reproduce o después de cuál, o qué clic espera.

| Plays | Comportamiento |
| --- | --- |
| On click | Espera un clic durante la presentación. |
| With previous | Empieza a la vez que el efecto anterior, más su retardo. |
| After previous | Empieza cuando termina el efecto anterior, más su retardo. |

En **Speed**, elige **Fast** (0,3 segundos), **Normal** (0,6 segundos) o **Slow** (1,2 segundos), o elige **Custom** e introduce una **Duration**. Introduce un **Delay** en segundos. **More options** contiene **Easing** y **Effect type**. Easing muestra curvas predefinidas, como **Gentle**, **Overshoot** y **Anticipate**; pasa el ratón por encima de una para ver un punto que se mueve siguiendo esa curva. Para una curva personalizada, arrastra los dos tiradores de la curva, o selecciona un tirador y usa las teclas de flecha. Effect type se define automáticamente según la animación elegida; cámbialo solo cuando un efecto deba reproducirse como otro tipo, por ejemplo un fundido usado como salida.

En las capas de texto, **Build text** permite elegir **All at once** o **By line**. By line muestra el texto línea a línea; ajusta **Lines** al texto si la estimación no es correcta, y **Between lines** para el intervalo entre líneas. La aparición por líneas se reproduce en el editor, Presenter, Local HTML y MP4. PowerPoint anima la capa de texto completa.

Para encadenar varios elementos, selecciónalos, introduce un intervalo en segundos en **Stagger selected layers**, elige **Forward** o **Reverse** y, después, **Stagger**. Con un intervalo de 0, empiezan todos a la vez.

## Revisar el orden {#review-the-order}

**Animation order** muestra todos los efectos en el orden de reproducción. Los números resaltados esperan un clic; los números grises se reproducen automáticamente. En la vista previa de la diapositiva aparecen los mismos números. Cada fila muestra una pequeña barra que indica cuándo se reproduce el efecto. Arrastra una fila, o pasa el ratón por encima y usa los botones de flecha, para adelantarla o retrasarla. Haz clic en una fila para seleccionar el elemento y reproducir ese efecto.

Elige **Timeline** debajo de la diapositiva, junto a **Speaker notes**, para ver todos los efectos en un mismo eje de tiempo. El panel cambia solo a **Timeline** mientras eliges, editas o reproduces animaciones, salvo que hayas elegido una pestaña en esa diapositiva. Las líneas discontinuas marcan cada clic. Arrastra una barra para cambiar su retardo, o arrastra su borde derecho para cambiar su duración; los tiempos se ajustan a intervalos de 0,05 segundos, y si mantienes pulsado **Alt** se mueve libremente. Haz clic o arrastra sobre la regla de tiempo para mover el cabezal de reproducción y recorrer la animación; las teclas de flecha izquierda y derecha lo mueven poco a poco. Durante la vista previa, el cabezal sigue la reproducción.

Las barras se ajustan a los bordes de otras barras, a las líneas de clic y al inicio de la diapositiva, y una línea guía roja muestra la coincidencia. Si la diapositiva tiene una transición, aparece una fila **Transition** en la parte superior; arrastra su borde derecho para cambiar su duración. Las diapositivas con narración muestran una fila **Narration** con su forma de onda; arrástrala para cambiar cuándo empieza la narración, o haz clic en ella para abrir los ajustes de audio.

Haz clic en una barra para seleccionarla y, después:

| Acción | Resultado |
| --- | --- |
| Flecha izquierda o derecha | Ajusta el retardo en 0,05 segundos. Mantén pulsado **Shift** para ajustarlo en 0,5 segundos. |
| Alt+flecha arriba o Alt+flecha abajo | Adelanta o retrasa el efecto. |
| Enter, o doble clic en la barra | Abre el selector de efectos. |
| Delete | Elimina el efecto. |
| Space | Reproduce o pausa la diapositiva. |

Haz Shift-clic o Command/Ctrl-clic en las barras para seleccionar varias, o arrastra por un espacio vacío de la pista para seleccionar todas las barras que toque el recuadro. Al arrastrar cualquier barra seleccionada se mueve toda la selección, las teclas de flecha la ajustan y **Delete** la elimina. Con varias barras seleccionadas, el menú contextual añade **Stagger _n_ animations**, que las separa 0,15 segundos.

Para hacer zoom en la línea de tiempo, mantén pulsado **Command/Ctrl** y desplázate, pellizca en el trackpad o usa **−** y **+** encima de ella; elige el porcentaje para volver a encajar la diapositiva entera. **Deck motion**, encima de la línea de tiempo, abre la vista de toda la presentación.

Haz clic derecho en una barra para ver **Change effect…**, **Play this animation**, **Copy animation**, **Paste animation**, **Move earlier**, **Move later** y **Remove animation**. Arrastra el nombre de una fila hacia arriba o hacia abajo para cambiar el orden. Arrastra el borde superior de la línea de tiempo para cambiar su tamaño; haz doble clic en el borde para volver a ajustarla a sus filas.

## Añadir, copiar y reutilizar efectos {#add-copy-and-reuse-effects}

Elige **+** junto al nombre del elemento para añadir otro efecto. Un elemento puede tener una entrada, un énfasis y una salida; sus efectos aparecen en una lista para que puedas seleccionar uno y editarlo, o elegir **−** para quitarlo. Encadena los efectos de un mismo elemento cuando sus transformaciones se fueran a solapar.

El menú **⋯** contiene **Copy animation**, **Paste animation** y **Remove all animations**. Copiar y pegar también funciona con **Command/Ctrl+Shift+C** y **Command/Ctrl+Shift+V**. Al quitar las animaciones se conservan los enlaces y el contenido multimedia.

Despliega **Motion styles**, introduce un nombre en **Save current as** y elige **Save style**. El estilo usa el movimiento del primer elemento seleccionado. Elige un estilo guardado para aplicarlo a otra selección de la misma presentación.

> **Tip:** Los metadatos de animación siguen vinculados a la capa de Figma. Si copias la capa en otra diapositiva, también se copian sus ajustes de animación.

## Previsualizar y deshacer cambios {#preview-and-undo-changes}

Mientras editas, **Play** (o **Space**) y el cabezal de la línea de tiempo muestran la diapositiva tal como se ve en ese momento, para que puedas comprobar los tiempos sin salir del modo de edición. Los elementos que aún no son visibles en la posición del cabezal se muestran con un contorno discontinuo, para que puedas encontrarlos y seleccionarlos igualmente. Haz clic en un elemento de la diapositiva para volver a la diapositiva completa, con todos los elementos visibles y seleccionables. Elige **Preview** para usar **Replay**, **Next click**, el control deslizante de tiempo y los enlaces en los que se puede hacer clic.

Las diapositivas con animaciones muestran en su miniatura una insignia de reproducción con el número de efectos. Pasa el ratón por encima de la miniatura para reproducir sus animaciones ahí mismo, o elige la insignia para abrir la diapositiva y reproducirla. Las diapositivas con vídeo, audio o contenido incrustado mantienen su miniatura fija.

**Make it move** anima toda la presentación en un solo paso. Ábrelo desde **Tools** > **Animate whole deck…**, desde **Animate the whole deck** en el panel Animations cuando no hay ninguna capa seleccionada, desde **Deck motion** encima de la línea de tiempo o desde Commands. Elige **Calm** (fundidos suaves), **Confident** (subidas y escalados) o **Bold** (movimientos laterales y efectos pop) y, después, **Apply to _n_ slides**. Cada diapositiva se coreografía igual que con **Animate slide**, con los efectos del estilo elegido: las imágenes grandes se escalan o aparecen con un fundido en lugar de rebotar, y las diapositivas con mucho contenido ajustan sus tiempos para que cada aparición termine en menos de unos dos segundos. Las diapositivas cambian con un fundido (Calm y Confident) o con un deslizamiento (Bold); la primera diapositiva no tiene transición. **Keep slides I've already animated** está activado por defecto. Todo el cambio se deshace con un solo **Undo**, y los efectos usan curvas de aceleración estándar para que las exportaciones a PowerPoint los conserven.

**Deck motion**, desde encima de la línea de tiempo o desde Commands, muestra todas las diapositivas incluidas con su número de animaciones y de clics, su transición y su duración. Elige una diapositiva para abrirla. **Use this slide's transition everywhere** copia la transición de la diapositiva actual a todas las diapositivas incluidas, y **Animate _n_ unanimated slides** ejecuta **Animate slide** en las diapositivas que aún no tienen animaciones. Ambas acciones se pueden deshacer. Usa los controles **Transition** de la diapositiva para definir su transición de entrada.

Usa **Undo** y **Redo**, o **Command/Ctrl+Z** y **Command/Ctrl+Shift+Z**, para las ediciones de animaciones, notas, secciones y ajustes de movimiento. Un pequeño punto en la barra de herramientas indica que los cambios se han guardado; cambia a **Saving…** o **Unsaved** mientras hay cambios pendientes. Si falla el guardado, usa **Retry saving** antes de actualizar, presentar o exportar.

## Commands, línea de tiempo y Morph {#commands-timeline-and-morph}

Elige **Tools** > **Commands & search** o pulsa **Command/Ctrl+K** para buscar contenido de las diapositivas o abrir herramientas. El movimiento copiado con **Command/Ctrl+Shift+C** se puede pegar en los objetos seleccionados de otra diapositiva con **Command/Ctrl+Shift+V**. Arrastra sobre un espacio vacío de la vista previa para seleccionar los objetos que se crucen con el recuadro; mantén pulsado Command/Ctrl o Shift para añadirlos a la selección.

Para tiempos de inicio exactos y pistas de propiedades, elige **Open visual motion timeline** en Commands. Arrastra una barra para mover su inicio, o arrastra su borde derecho para cambiar su duración. Los tiempos se ajustan a intervalos de 0,05 segundos; mantén pulsado **Alt** para moverlos sin ajuste. También hay campos para indicar el inicio y la duración exactos. **Property track** añade a los objetos seleccionados animaciones independientes de posición, escala, rotación u opacidad. Las pistas pueden combinarse con una animación predefinida. La línea de tiempo muestra hasta 150 efectos coincidentes; usa la búsqueda para acotar las diapositivas más grandes.

Selecciona **Morph** en los controles de transición de la diapositiva y, después, usa **Configure Morph / Magic Move** en Commands para revisar las coincidencias de objetos. Smart Morph empareja los objetos automáticamente: primero por nombres de capa únicos y luego por instancias del mismo componente y texto idéntico, aunque se hayan cambiado los nombres de las capas. Cuando las dos diapositivas tienen el mismo número de objetos con un nombre repetido, se emparejan en orden de lectura; si no, los nombres repetidos se quedan sin emparejar a menos que elijas un objeto de origen. Cada coincidencia indica por qué se ha hecho. Los objetos sin pareja aparecen o desaparecen con un fundido. Las capas de origen se conservan intactas.

## Estilos de movimiento vinculados y kits de marca {#linked-motion-styles-and-brand-kits}

Al aplicar un estilo de movimiento reutilizable, los objetos seleccionados quedan vinculados a ese estilo. Actualiza el estilo para cambiar los objetos vinculados sin perder las modificaciones de campos individuales. **Detach** conserva el movimiento actual como una copia independiente. Si se elimina una definición, su copia incrustada se sigue reproduciendo.

Abre **Linked motion styles and libraries** en Commands para cambiar el nombre de los estilos, importar o exportar una biblioteca JSON revisada, o guardarlos como variables de cadena de Figma. Se pueden importar las bibliotecas de variables publicadas disponibles. Guardar una variable local no publica una biblioteca de equipo; usa el flujo de trabajo de bibliotecas de Figma para publicarla.

Abre **Brand kits, object roles and relayout** para asignar roles semánticos, texto alternativo, marcas decorativas y orden de lectura. Crea estilos vinculados de título, cuerpo y acento y, después, revisa cómo se aplican a la diapositiva actual, a las diapositivas seleccionadas o a toda la presentación cargada. Se pueden conservar las modificaciones locales de los estilos. La redistribución basada en roles mueve los objetos de nivel superior existentes a una disposición revisada; conserva sus ID, su contenido, su contenido multimedia y su movimiento. Las ediciones del origen y los cambios de estilos de Figma se deshacen con **Figma Undo**.

## Narración {#narration}

Abre **Narration and audio cues** desde Commands o desde la línea de tiempo. Sube un audio, o graba una toma si el host permite el acceso al micrófono. La grabación se detiene a los 120 segundos. Los clips deben ocupar menos de 2 MB; la biblioteca local admite 3 MB por archivo. Define el inicio y el volumen de la entrada de audio y, después, elige **Save slide cue**.

El audio se guarda en la biblioteca local del plugin en este ordenador. Vuelve a adjuntar el clip en otro ordenador antes de exportar. Local HTML y MP4 incluyen el audio; al compartir una presentación alojada, el audio adjunto se sube con la presentación. Las reglas de reproducción automática del navegador pueden obligar a usar **Play narration**. Las exportaciones nativas a formatos de presentación editables no incluyen estas entradas de narración.

Al actualizar un kit de marca vinculado, cambian todos los objetos del archivo que usan esos estilos nativos de Figma. El control de alcance determina qué objetos reciben estilos o propuestas de redistribución. La tipografía y los colores del texto usan estilos vinculados distintos. La reproducción con movimiento reducido mantiene las apariciones por clic y muestra al instante cada aparición actual.