Cómo crear una presentación en Figma Slides

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.

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.

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.

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.

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.

Puedes crear el diseño de tus diapositivas desde cero o utilizar uno de los diseños predefinidos del menú desplegable.

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.

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.

Prueba a ajustar el título, por ejemplo, aumenta el tamaño de la letra, reduce el interlineado y aprieta el espaciado entre letras.

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.

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.

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.

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.

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.

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.

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:

Si necesitas varias imágenes en una diapositiva, puedes organizarlas manualmente o utilizar una plantilla.

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.

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.

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.

Ahora que ya sabes cómo añadir texto y formas, experimenta añadiendo más elementos a tu diapositiva.

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.

Intenta añadir una imagen a través de un plugin.

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.

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

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.

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?".

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)

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)

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.

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.

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

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

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

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

Las plantillas son prácticas y geniales, pero ¿cómo utilizarlas en la vida real?

Tomemos como ejemplo una diapositiva de la plantilla de resultados de investigación.

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

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

Ahora vamos a experimentar con los acentos de tamaño en la diapositiva:

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.