Vídeo tutorial: exportar presentaciones a Keynote

Este vídeo explica cómo exportar los diseños de tus presentaciones de Figma a Keynote con el plugin Pitchdeck.

Vídeo tutorial: añadir diapositivas patrón a exportaciones de PowerPoint desde Figma

Este vídeo explica cómo exportar un archivo de PowerPoint desde Figma (con diapositivas patrón) con el plugin Pitchdeck.

Vídeo tutorial: exportar Figma Slides a Keynote

Este vídeo explica cómo exportar tu presentación de Figma Slides a Apple Keynote con el plugin Pitchdeck.

Para usar esta opción, haz clic en el botón Export de la barra de herramientas de Pitchdeck y asegúrate de que Keynote (.pptx file) está seleccionado como formato de exportación de la presentación. Cuando hayas configurado los ajustes de exportación, haz clic en el botón Export for Keynote para empezar a exportar tus diapositivas.

Las exportaciones a Keynote omiten las animaciones de Pitchdeck y los vídeos incrustados. Usa una presentación en el navegador para esas funciones de reproducción. MP4 renderiza el movimiento compatible y la narración adjunta, con una imagen de portada para el contenido incrustado externo.

Usar imágenes Retina @2x

Al activar la opción 2x Retina Images, todas las imágenes JPG y PNG se exportan automáticamente a resolución Retina (@2x). Las imágenes de tu presentación se verán más nítidas, pero también aumentará el tamaño de los archivos JPG y PNG.

Comprimir las imágenes

Al activar la opción Compress Images, se comprimen todas las imágenes JPG y PNG de tu presentación.

Reducir los rellenos de imagen de tus capas de Figma

Al activar la opción Downsize Large Figma Image Fills, los rellenos de imagen de Figma de tus capas se redimensionan automáticamente (y se comprimen ligeramente) al tamaño real de la capa. Resulta útil si importaste imágenes de alta resolución a tu archivo de Figma y luego redujiste mucho el tamaño de la capa (mientras sigue usándose el archivo de imagen grande original).

Un caso habitual es añadir una imagen grande de Unsplash (o de otro sitio o plugin de fotos de stock) y redimensionar esa capa para usarla como una imagen mucho más pequeña de tipo "tarjeta" o "avatar". Esto puede ralentizar tu archivo de Figma e incluso hacer que se bloquee al exportar esas capas con las opciones de exportación de Pitchdeck; esta función te ayuda a ahorrar tamaño de archivo y a mejorar el rendimiento de la página en tu archivo de Figma.

Usar texto editable

Use Editable Text mantiene editable el texto normal de Figma, también en frames, grupos y Auto Layout anidados, con Smart Auto Layout activado o desactivado. La anidación por sí sola no genera imágenes. Si desactivas la opción, el texto queda en las imágenes. [PNG] en una capa de texto o su padre fuerza una imagen. El texto ya convertido en vectores o imágenes no se puede recuperar.

El texto con máscaras, recortes, efectos, rellenos degradados/de imagen o composiciones superpuestas no compatibles puede conservarse como imagen. Las advertencias indican las capas afectadas y el motivo. El resto sigue editable; las fuentes ausentes y los estilos simplificados se indican por separado. Usa los enlaces para revisar las capas, elimina el efecto para mantener el texto editable o añade [PNG] para conservar el grupo como imagen.

Los trazados circulares y elípticos compatibles siguen siendo WordArt editable en PowerPoint. Los demás se conservan como imágenes y aparecen en las advertencias. Google Slides y Keynote usan imágenes para el texto sobre trazados, en lugar de enderezarlo o dividirlo en caracteres.

Con el texto editable activado, el .pptx exportado puede conservar el texto completo de una capa, incluidas las partes que en Figma están recortadas, enmascaradas, son transparentes o quedan tapadas por otras capas. Esas partes pueden hacerse visibles al editar la presentación. Antes de exportar, quita de la capa de origen el texto que no quieras incluir.

Con Smart Auto Layout desactivado, Pitchdeck saca a la superficie el texto anidado, mantiene las ilustraciones secundarias directas como objetos independientes que se pueden mover y combina el resto de las ilustraciones en una imagen de fondo de la diapositiva. Las ilustraciones que dependen de recortes o de fusiones con capas vecinas se quedan en el fondo compuesto.

Asegúrate de instalar o sustituir las fuentes personalizadas. Ten en cuenta que, si abres el archivo .pptx exportado en un ordenador que no tiene instaladas las fuentes usadas en Figma, el texto se verá distinto que en el diseño de Figma. Instala las fuentes necesarias o sustituye las que falten en PowerPoint/Keynote/Google Slides cuando haga falta.

Si quieres excluir capas para que no se exporten como texto enriquecido en tus archivos .pptx, puedes incluir [PNG] en cualquier parte del nombre de una capa principal (por ejemplo, Frame, Group, Component o Instance) que contenga tus capas de texto. Así, las capas de texto anidadas dentro de esa capa principal no se exportarán como texto enriquecido en tus exportaciones de PowerPoint, y toda la capa se convertirá en una imagen estática. También puedes añadir [PNG] al nombre de la propia capa de texto. Esta excepción se aplica incluso con Use Editable Text activado.

El texto que se usa como marcador de posición de una diapositiva patrón admite un único valor de transparencia por capa de texto. Si una misma capa de texto de Figma mezcla distintos valores de opacidad, divídela en capas de texto separadas antes de exportar cuando esa diferencia tenga que seguir siendo editable en un diseño patrón.

Mantener editables Auto Layout y las capas anidadas (beta)

Activa Smart Auto Layout & Nested Layers (Beta) para exportar como objetos independientes los elementos secundarios de los frames, grupos, componentes e instancias de tipo diseño seguros, incluidos los contenedores con Auto Layout, manteniendo sus posiciones de Figma. Los objetos que no son texto conservan su orden de apilamiento relativo, con el texto editable por encima. Si un contenedor seguro tiene su propio relleno, Pitchdeck exporta ese fondo por separado, debajo de sus elementos secundarios compatibles. Combínala con Use Editable Text para mantener editables las capas de texto anidadas. La beta solo controla la descomposición de las capas anidadas; las mejoras de texto, transparencia y formas nativas que se describen a continuación se aplican a todas las exportaciones PPTX.

Pitchdeck mantiene como formas de presentación nativas los rectángulos sólidos, las elipses, las líneas con extremos planos, la transparencia y los bordes individuales (por ejemplo, un borde inferior) compatibles. Con la beta activada, el texto, las viñetas, los iconos, las imágenes y las líneas compatibles anidados dentro de contenedores seguros también pueden mantenerse separados del fondo del contenedor. Las composiciones de iconos y logotipos formadas solo por vectores se mantienen juntas como un único objeto seleccionable en lugar de dividirse en trazados individuales.

En las exportaciones a PowerPoint, los contornos circulares simples compatibles de las ilustraciones vectoriales también pueden seguir siendo formas nativas editables. Las elipses discontinuas se mantienen como ilustración para conservar el espaciado de sus guiones.

PowerPoint y Keynote conservan la transparencia del texto editable guardada en el .pptx. Google Slides mantiene la transparencia de las formas y líneas nativas durante la conversión, pero puede volver opacos los colores del texto editable, porque su modelo de color de texto nativo no admite transparencia. Si en Google Slides te importa más que el texto translúcido se vea exactamente igual que poder editarlo, añade [PNG] al nombre de esa capa de texto o de una capa principal para que Pitchdeck conserve su aspecto en una imagen.

Smart Auto Layout es opcional y no modifica el original de Figma. Se separan el texto y las ilustraciones cuando es seguro; las composiciones inseparables se conservan juntas como imagen, con una advertencia para el texto afectado.

Exportar listas con viñetas o numeradas

Al activar la opción Render Bullet/Number Lists, tu archivo .pptx se exporta conservando las listas creadas en las capas de texto de Figma.

Cada salto de párrafo de una lista de Figma se convierte en una nueva viñeta o elemento numerado en la exportación compatible con PowerPoint. Los saltos de línea simples se mantienen dentro del elemento actual, las listas numeradas continúan la secuencia y los párrafos normales pueden quedarse fuera de la lista junto a los párrafos de lista en la misma capa de texto.

Google Slides usa un proceso de conversión distinto. Para obtener los resultados más previsibles en Google Slides, pon cada lista en su propia capa de texto de Figma y mueve el texto normal a otra capa.

Incluir números de diapositiva

Al activar la opción Include Slide Number, tu archivo .pptx se exporta con numeración de páginas. Se añade automáticamente un número de página a cada diapositiva en la posición que hayas indicado. Para cambiar la posición de los números de diapositiva, usa los selectores de posición horizontal (para elegir entre Left, Center o Right) y vertical (para elegir entre Top, Center o Bottom).

Usar componentes de Figma como diapositivas patrón

Tutorial en vídeo: añadir diapositivas patrón a las exportaciones de PowerPoint desde Figma

Este vídeo muestra cómo exportar un archivo de PowerPoint desde Figma (con diapositivas patrón) usando el plugin Pitchdeck.

Al activar la opción Create Master Slides from Components, tu archivo .pptx se exporta usando automáticamente las diapositivas creadas como componentes de Figma como "diapositivas patrón", que puedes reutilizar como plantillas para crear diapositivas nuevas en PowerPoint, Keynote o Google Slides.

Los marcadores de posición de imagen solo son compatibles con PowerPoint. Ten en cuenta que las imágenes (que no estén bloqueadas; consulta el consejo de abajo) se convierten en marcadores de posición de las diapositivas patrón cuando se selecciona la opción de exportación PowerPoint. Por desgracia, las opciones de exportación Google Slides y Keynote no admiten marcadores de posición de imagen, así que el contenido de imagen será estático en tus plantillas de diapositivas patrón.

Evitar que ciertas capas de imagen se conviertan en marcadores de posición. De forma predeterminada, todas las imágenes (salvo el fondo de la diapositiva) se convierten en huecos de marcador de posición en tus diapositivas patrón. Si quieres que alguno de esos elementos de imagen sea estático, puedes bloquear (Lock) esas capas de Figma (en el panel principal de capas de Figma); así las capas de imagen bloqueadas se mantendrán tal cual en tu diapositiva patrón.

Actualizar las diapositivas después de editar una diapositiva patrón en PowerPoint. Si actualizas una diapositiva patrón en PowerPoint y los cambios no aparecen enseguida en las diapositivas que ya usan ese diseño, selecciona las diapositivas afectadas y haz clic en Home > Reset (junto a New Slide) para volver a aplicar el diseño y actualizar el formato heredado. Aquí tienes un breve vídeo explicativo.

Descargar tu archivo .pptx

Después de hacer clic en el botón Export, verás una pantalla de confirmación que te indica que tu archivo .pptx está listo para descargar. Para descargar el archivo .pptx de Figma a tu ordenador, haz clic en el botón Download your .pptx file del plugin Pitchdeck.

Guardar archivos descargados desde Figma Si usas la aplicación de escritorio de Figma, verás un aviso para descargar el archivo. En cambio, si usas Figma en un navegador web, el archivo se descargará automáticamente en tu ordenador (normalmente en la carpeta Descargas).

Abrir tu archivo .pptx con Keynote

Cuando hayas descargado tu archivo .pptx, puedes abrirlo con la app Keynote instalada en tu Mac: haz clic con el botón derecho en el archivo, ve a Open With y haz clic en la app Keynote.