Cómo crear una presentación en Figma Slides

Guía práctica de Figma Slides: una alternativa moderna a PowerPoint y Keynote

27 de agosto de 2025
15 minutos
Ejemplos de diapositivas ya preparadas en Figma Slides: Los colores, las fuentes, el texto, las fotos y cualquier otro elemento se pueden personalizar fácilmente para adaptarlos a sus necesidades.
Contenido:
¿Qué es Figma Slides?
Figma Slides es un complemento de Figma que facilita enormemente la creación de presentaciones en línea. Puede trabajar en dos modos: Estándar o Diseñador.
En esta guía, nos centraremos en el modo Estándar básico, que cubre el trabajo con:
  • Texto
  • Imágenes
  • Formas
  • Elementos interactivos
  • Recursos adicionales
El modo Diseñador te ofrece todo el conjunto de herramientas de Figma: Diseño automático, componentes, desenfoques y otros efectos, etc.
Guía de Figma para principiantes
Figma es una de las herramientas de diseño más populares y potentes. Aprenda a iniciarse y a sacar el máximo partido de sus funciones para agilizar su flujo de trabajo de diseño.
Si nunca has trabajado en Figma, es mejor que te quedes con el modo Estándar. Es más sencillo, más rápido y tiene todo lo que necesitas para crear una presentación sólida.
Primeros pasos con las diapositivas Figma
Abre Figma y pulsa el botón para crear una nueva presentación en Figma Slides.
A partir de ahí, puedes empezar desde un lienzo en blanco o elegir una de las plantillas incorporadas. Cubriremos las plantillas ya hechas más tarde-por ahora. Procedamos con una diapositiva completamente vacía.
El botón Empezar de cero le permite empezar de cero o explorar plantillas ya creadas.
Cómo hacer una buena presentación
Consejos para no diseñadores sobre cómo crear presentaciones atractivas, elegir el software adecuado y evitar los errores más comunes.
A continuación, verás el espacio de trabajo de Figma Slides. En general, se parece a la interfaz normal de Figma:
Panel izquierdo: Configuración de la presentación-el título, vistas previas en miniatura de todas las diapositivas, y un botón para añadir nuevas.
Barra de herramientas inferior: Herramientas estándar-modo de interacción, texto, imágenes, vídeos, formas, elementos interactivos, comentarios, plugins, biblioteca de recursos, y el interruptor para el modo Diseñador.
Panel derecho: Ajustes para la diapositiva actualmente seleccionada.
Espacio de trabajo para crear y editar diapositivas.
Puedes crear el diseño de tus diapositivas desde cero o utilizar uno de los diseños predefinidos del menú desplegable.
Incluso si no acabas utilizando una plantilla, navegar por estos preajustes puede darte algunas ideas rápidas de diseño.
Texto
El diseño de una presentación suele comenzar con la diapositiva de título. Comience por editar el título predeterminado de la diapositiva y vea cómo funcionan los ajustes de texto.
Para ajustar la configuración, haga clic en el botón "Mostrar detalles".
Un buen título debe ser grande y destacar. El estilo Figma por defecto para los títulos es Título, pero puedes cambiarlo cuando quieras.
El texto tiene ajustes estándar, igual que cuando se trabaja en un diseño en Figma:
  • Fuente
  • Peso
  • Talla
  • Espaciado entre líneas (en % o píxeles)
  • Espacio entre letras
  • Opciones de formato: Negrita, cursiva, subrayado, viñetas/listas numeradas, alineación
Prueba a ajustar el título, por ejemplo, aumenta el tamaño de la letra, reduce el interlineado y aprieta el espaciado entre letras.
Utilice un interlineado inferior al 100%: los títulos parecerán más compactos y elegantes. Cuanto mayor sea el tamaño de la fuente, más ajustado debe ser el interlineado.
Una vez que edites el título, verás que aparece una nota y un botón junto al nombre del estilo "Título". Esto significa que puedes guardar tu formato personalizado junto con los estilos predeterminados de Figma. Por supuesto, puedes eliminar los incorporados y crear los tuyos propios, pero suele ser más rápido modificar un estilo existente.
Los estilos en Figma funcionan de forma similar a los de Google Slides: Puedes aplicar un estilo predefinido a cualquier texto y editarlo posteriormente. Por ejemplo, todos los títulos de las diapositivas utilizan el estilo "Encabezado 2". Si modificas su configuración, esos cambios se aplicarán automáticamente a todos los títulos.
Ahora, nuestra tarea consiste en personalizar el estilo "Título".
Para el subtítulo bajo el título principal, se aplica por defecto el estilo "Cuerpo 1". Modifique los ajustes de estilo y escriba su propio texto.
Asegúrate de que haya suficiente espacio entre el título y el subtítulo.
Figma Slides incorpora una función de inteligencia artificial llamada Ajustar tono, que te permite cambiar rápidamente el estilo de escritura: de informal y amistoso a formal y empresarial.
Color
Una vez configurada la tipografía, puede que quieras dar a tu presentación un aspecto más elegante. Hagamos que el fondo de la diapositiva sea negro y el texto blanco.
Cuando se cambia a un fondo oscuro, Figma cambia automáticamente el texto a blanco.
También puedes utilizar un relleno degradado o poner una imagen de fondo. Prueba distintas opciones y quédate con la que más te guste.
Si utiliza un degradado, asegúrese de que el texto sigue siendo legible.
Formas
Las formas pueden ser puramente decorativas, ayudar a enfatizar su contenido o actuar como parte de la identidad de su marca. Añadamos unas cuantas y veamos qué podemos hacer. Empieza con una forma de diamante.
Si utilizas una forma como parte de tu marca, repítela en un par de diapositivas más para que el aspecto sea coherente.
En Tilda, puede crear formas personalizadas o editar las existentes utilizando el editor de vectores incorporado. Puede utilizarlas inmediatamente en sus proyectos de Tilda, o descargarlas y utilizarlas en otros lugares, incluidas las diapositivas de Figma.
¿Lo sabías?
Rellene el rombo con el color de acento de su marca. Añade un círculo en una esquina, otro elemento de tu guía de estilo.
Si sólo se coloca parte de una forma en la diapositiva, la parte recortada no aparecerá en el modo de presentación. Figma resalta todo lo que queda fuera del lienzo y será recortado.
Esto nos da una diapositiva de título limpia pero elegante con un encabezado, una breve descripción y elementos de diseño de marca.
Imágenes
Añadir imágenes funciona de la misma manera que en Figma normal. Por ejemplo, coloca un motivo abstracto en el fondo, estíralo hasta llenar la diapositiva y baja su opacidad para que se vea el fondo negro. De este modo, la imagen aparecerá más oscura y se integrará en el tema general.
Los ajustes de imagen también son idénticos a los de Figma:
1
Rellenar, Recortar, Ajustar o Mosaico
2
Superposición
3
Desenfoque
Si necesitas varias imágenes en una diapositiva, puedes organizarlas manualmente o utilizar una plantilla.
En la sección "Esquinas", también puedes redondear las esquinas de la imagen.
Elementos interactivos
Las diapositivas pueden incluir funciones interactivas. Por ejemplo, si quieres hacer una pregunta y responderla en directo durante tu presentación, abre la pestaña "Interacción en directo" del menú inferior.
Para mantener limpio el diseño, no sobrecargue las diapositivas interactivas con demasiados elementos.
En esta sección puede seleccionar:
  • Encuesta (deje que el público vote en tiempo real)
  • Sellos (permiten a los espectadores marcar que han visto una diapositiva)
  • Alineación (una escala de valoración para mostrar los resultados de las encuestas)
  • Prototipo (incruste cualquier prototipo interactivo que ya haya creado en Figma)
Añade una encuesta a la diapositiva y cámbiala a negro para que coincida con el tema oscuro. A continuación, sustituya el texto del marcador de posición.
Puede hacer que el fondo de la encuesta sea transparente desactivando la opción Fondo.
Cambia al modo "Prototipo" y vota una opción para ver cómo funciona.
Ahora has añadido interactividad utilizando las herramientas incorporadas de Figma Slides. A continuación, vamos a pasar a la creación de una diapositiva para la parte principal de su presentación.
Plugins
Ahora que ya sabes cómo añadir texto y formas, experimenta añadiendo más elementos a tu diapositiva.
Consejo: Una forma sencilla de crear subtítulos es colocar texto encima de rectángulos redondeados de color naranja.
Selecciona todos los elementos de tu diapositiva y abre la pestaña "Acciones". Aquí encontrarás plugins y otras herramientas disponibles. La lista se actualiza con sugerencias, normalmente resaltando las que mejor se adaptan a tu selección actual.
Los atajos de teclado funcionan igual que en Figma estándar.
Intenta añadir una imagen a través de un plugin.
La biblioteca de plugins funciona igual que en Figma estándar.
40+ Plugins Figma imprescindibles para diseñadores en 2025
Los plugins de Figma permiten ampliar la funcionalidad de la herramienta. Aquí tienes una selección para diseñadores y usuarios ocasionales de Figma.
En la sección de fotos de archivo, elige una imagen que se ajuste al tema de tu presentación y colócala en la diapositiva.
Notas de diapositivas
Si te preocupa olvidar puntos importantes de la charla, las notas de las diapositivas son tus mejores aliadas. El campo de notas se encuentra debajo de la diapositiva: añada lo que quiera recordar y, a continuación, abra la presentación en modo "Presentar".
En el modo "Prototipo", hay dos maneras de presentar las diapositivas:
  • Presente: El público no verá tus notas
  • Presentar + notas: Las notas serán visibles durante la presentación
Activos
Figma Slides tiene una pestaña "Activos" con dos secciones principales:
  • Otras herramientas: Tabla, bloque de código y número de diapositiva
  • Bibliotecas: Gráficos, iconos o su propia biblioteca personalizada.
Si utilizas iconos en tu presentación, cíñete a un único conjunto. Mezclar iconos rellenos y perfilados en las diapositivas romperá el estilo visual.
Cree una cuarta diapositiva y añádale un número de diapositiva.
Añada un encabezado de diapositiva utilizando el estilo "Encabezado 1" y, a continuación, inserte un elemento de la biblioteca Activos.
Ya has creado cuatro diapositivas sencillas y básicas que te harán preguntarte: "¿Dónde están todos los efectos chulos como en PowerPoint, con texto e imágenes volando?".
Efectos de animación y transiciones en diapositivas Figma
Puedes animar elementos individuales o diapositivas enteras. Esto le ayudará a centrar la atención en los puntos clave o a volver a captar la atención del público cuando empiece a perderla.
Los ajustes de animación se encuentran en la pestaña "Animar". Aquí puede:
  • Establecer una transición de diapositivas (cómo cambia una diapositiva a la siguiente)
  • Añadir animaciones de objetos (animaciones para elementos específicos)
Las animaciones están desactivadas por defecto.
Volvamos a la primera diapositiva e intentemos establecer una transición. Elija Animación inteligente y explore las opciones:
  • Estilo (el tipo de animación)
  • Curva (cómo se acelera o ralentiza el movimiento)
  • Duración (cuánto dura la animación)
  • Temporización (si se ejecuta automáticamente con retardo o al hacer clic)
Si no estás seguro de qué estilo elegir, quédate con Smart animate.
Deje los ajustes por defecto, cambie al modo "Presentación" y véalo en acción.
Para animar la apariencia de una forma, seleccione el objeto y añádale una animación.
Si desea que un círculo aparezca más lentamente, ajuste su duración a 900 ms.
Para previsualizarla, accede al modo "Presentación" y haz clic en cualquier lugar de la pantalla.
Ya has explorado la herramienta y ahora puedes echar un vistazo a las plantillas disponibles y a los fines para los que son más adecuadas.
Plantillas de presentación
Las plantillas ahorran tiempo al ofrecerte diapositivas listas para usar que puedes adaptar a tus necesidades. Por eso exploramos primero Figma Slides, para que puedas personalizar las plantillas con confianza sin preocuparte por "romperlas".
Presentación del portafolio. Perfecta para presentarte a ti mismo y a tu trabajo. Enviar una presentación de portafolio a un posible empleador puede ayudarte a destacar.
Una plantilla de cartera te permite:
  • Destaque sus competencias
  • Mostrar métricas de rendimiento
  • Presentar casos prácticos
  • Muestre su trabajo en maquetas
  • Comparta su historial profesional
Plantillas para presentaciones de carteras.
Presentación de productos. Ideal para mostrar un nuevo producto o servicio. Por ejemplo, cuando has completado un proyecto, recopilado métricas y preparado imágenes para presentarlas a un cliente.
Una plantilla de producto te permite:
  • Destaque las métricas clave
  • Presente los principios de su producto
  • Presente una cita impactante
  • Muestre la interfaz de su producto en todos los dispositivos
  • Compartir los resultados de investigaciones o encuestas
Plantillas para la presentación de productos.
Presentación de los resultados de una investigación. Ideal para presentar los resultados, las conclusiones y las estadísticas analizadas de un proyecto de investigación o una encuesta. En lugar de enviar un documento de texto sin formato, el uso de diapositivas elegantes y bien estructuradas hace que sus datos sean mucho más impactantes.
Un modelo de resultados de investigación te permite:
  • Introducir las características estudiadas
  • Mostrar un análisis comparativo
  • Destaque las funciones más importantes
Plantillas para la presentación de investigaciones.
Presentación de estrategias de marketing. Lo mejor para mostrar planes a gran escala de forma pulida. Por ejemplo, presentando un estudio de mercado o de la competencia, un plan de contenidos y los objetivos a largo plazo de la empresa.
Un modelo de estrategia de marketing te permite:
  • Mostrar los objetivos a alcanzar
  • Presentar los resultados de la investigación sobre los segmentos de audiencia
  • Defina el perfil de su cliente ideal
  • Compartir los resultados de la encuesta
Plantillas para la presentación de estrategias de marketing.
Las plantillas son prácticas y geniales, pero ¿cómo utilizarlas en la vida real?
Personalizar una diapositiva de plantilla
Tomemos como ejemplo una diapositiva de la plantilla de resultados de investigación.
Si no tiene confianza en el diseño, evite hacer cambios drásticos en la maquetación: mantenga intacta la composición general.
He aquí una sencilla personalización:
  • Añade el nombre de tu equipo y la fecha actual en las esquinas inferiores
  • Añada una breve descripción en el lado izquierdo, junto con un enlace a los resultados detallados
Para insertar un hipervínculo, seleccione el texto y pulse Ctrl/Cmd+Mayús+U.
A continuación, rellene más datos:
  • Añada el valor porcentual correspondiente
  • Añade una breve etiqueta para explicar lo que representa el número
Si el texto debajo del porcentaje no cabe, ajuste el tamaño de la fuente en los ajustes
Ahora vamos a experimentar con los acentos de tamaño en la diapositiva:
1
Quitar la etiqueta sobre el porcentaje
2
Ampliar el número
3
Reducir el tamaño de letra de la etiqueta debajo del porcentaje
4
Eliminar el enlace
Y así es como sustituyes el contenido predeterminado por el tuyo propio, pero puedes ir aún más lejos personalizando colores, fuentes, diseño, etc. Para ello, cambia al modo "Diseñador", pero recuerda que esto requiere un conocimiento más profundo de Figma.
Si no quieres utilizar Figma para crear presentaciones, existen opciones alternativas. En Tilda, puedes convertir cualquier página en una presentación en línea añadiendo un bloque especial-T203 de la categoría Otros. Esta función adapta tu página para verla a pantalla completa, permitiéndote hacer clic en cada pantalla como si fueran diapositivas. Esto hace posible gestionar todo en un solo lugar, eliminando la necesidad de exportar archivos o cambiar entre herramientas.

Si te ha gustado el artículo, compártelo con tus amigos. Gracias.

Lea también:
Libro de texto gratuito sobre cómo diseñar, configurar y ejecutar páginas de destino de alta conversión
Más información

Guía práctica gratuita de animación web con ejemplos y técnicas,

y consejos para utilizarlos

Explore