Antes de empezar
Quién puede utilizar esta función
Disponible en cualquier plan.
Cualquier persona con acceso de edición a un archivo puede crear prototipos.
¿Acabas de empezar en el mundo del prototipado? Consulta nuestra guía Introducción al prototipado.
La acción define el siguiente paso o evento en el prototipo. Es la respuesta del evento disparador de la interacción. Por ejemplo, la acción podría ser navegar a otro marco o abrir una URL externa.
Obtén más información sobre cómo crear prototipos con interacciones y animaciones →
Tipos de acciones
Navegar a
Esta acción te lleva de un marco a otro dentro de un prototipo. Es el tipo de acción más habitual cuando se navega entre pantallas completas.
Atrás
Esta acción te permite navegar de regreso a la pantalla anterior. Es perfecta para simular el botón Atrás en tus prototipos.
Configurar variable
La acción Configurar variable te permite configurar o modificar el valor de una variable como resultado del disparador de un prototipo.
Obtén más información sobre el uso de variables con prototipos →
Configurar modo de variables
Utiliza esta acción para cambiar el modo de variables de una página mientras creas un prototipo.
Obtén más información sobre la acción Configurar modo de variables →
Condicional
Comprueba si se cumple una condición antes de realizar una acción mediante una declaración condicional si/si no.
Obtén más información sobre el uso de condicionales →
Desplazarse hasta
Esta acción permite que tu prototipo o un contenedor desplazable anidado se desplace a cualquier objeto dentro del marco de nivel superior. Es útil para replicar enlaces de anclaje e interacciones con elementos desplazables como carruseles.
Si agregas Desplazarse a mediante la sección Interacciones del Panel de prototipado, solo podrás seleccionar elementos secundarios directos de marcos desplazables. Para seleccionar cualquier objeto dentro del marco de nivel superior, arrastra un conector y conéctalo al objeto que deseas configurar como destino.
Con Desplazarse a, puedes configurar la animación de desplazamiento para que sea Instantánea o configurar un suavizado mediante la opción Animar.
Nota: Para arrastrar una conexión a un destino oculto por un marco recortado, desmarca la casilla Recortar contenido del marco en la sección del panel de Diseño para exponer primero el marco de destino.
Abrir enlace
Esta acción te permite dirigir al usuario a una URL externa al prototipo. Es ideal para enlaces externos o recursos adicionales que no están disponibles en la navegación principal.
Una vez seleccionada esta opción, ingresa tu URL en el campo correspondiente.
¡Consejo! Al hacer clic en un hotspot Abrir enlace , el enlace se abre en una nueva pestaña. Si se trata de un enlace a un sitio web externo, se notificará al usuario que está saliendo de Figma. Puedes utilizar la casilla de verificación proporcionada para ignorar este aviso en el futuro. Esta configuración solo se guardará en el dispositivo actual.
Abrir superposición
Esta acción abre el marco de Destino sobre el marco actual. Se puede utilizar para mostrar un modal, una información sobre herramientas o una alerta desde un botón u otro objeto del diseño.
Cerrar superposición
Esta acción te permite cerrar o descartar cualquier superposición que haya aparecido sobre el marco original. Puedes utilizarla para replicar una indicación o una alerta en pantalla que se haya aceptado o descartado.
Intercambiar superposición
Esta acción te permite reemplazar un marco por otro. Se comportará de forma similar a la opción Navegar a, cuando se activa desde un hotspot en un marco normal.
Si aplicas Intercambiar superposición a un hotspot en una superposición, intercambiará la superposición actual con el nuevo marco de Destino. La nueva superposición conservará la misma configuración que la original.
Nota: El uso de Intercambiar superposición no agregará ese marco al historial del prototipo. Si deseas que el usuario pueda utilizar la acción Atrás para desplazarse entre las superposiciones, te recomendamos que utilices la opción Navegar a.
Reproducir/pausar video
La acción Reproducir/pausar video está disponible para cualquier interacción que termine en un video. Cuando se selecciona, están disponibles las siguientes acciones:
- Reproducir video: iniciar la reproducción del video
- Pausar video: pausar la reproducción del video
- Alternar reproducir/pausar: alternar entre reproducir y pausar la reproducción del video
Obtén más información sobre el prototipado con video →
Silenciar/activar sonido de video
La acción Silenciar/activar sonido de video está disponible para cualquier interacción que termine en un video. Cuando se selecciona, están disponibles las siguientes acciones:
- Silenciar video: desactivar el sonido del video
- Activar sonido de video: activar el sonido del video
- Alternar silenciar/activar sonido: alternar entre activar y silenciar el sonido del video
Obtén más información sobre el prototipado con video →
Establecer a un tiempo específico
La acción Establecer a un tiempo específico está disponible para cualquier interacción que termine en un video. Esta acción salta a una marca de tiempo específica en el video. Puedes establecer la marca de tiempo después de seleccionar la acción Establecer a un tiempo específico.
Nota: Si ingresas una marca de tiempo que supera la duración total del video, la acción saltará al final del video. Si la configuración de reproducción en bucle del video está activada, el video comenzará a reproducirse nuevamente desde el principio.
Obtén más información sobre el prototipado con video →
Saltar hacia adelante/atrás en el tiempo
La acción Saltar hacia adelante/atrás en el tiempo está disponible para cualquier interacción que termine en un video. Cuando se selecciona, están disponibles las siguientes acciones:
- Saltar hacia adelante: establecer un número de segundos para avanzar rápidamente en la reproducción del video.
- Saltar hacia atrás: establecer un número de segundos para retroceder en la reproducción del video.
Esta acción puede ser útil al diseñar una experiencia interactiva con un reproductor de video.
Nota: Si avanzas más allá de la duración total del video, la acción te llevará al final del video. Si la configuración de reproducción en bucle del video está activada, el video comenzará a reproducirse nuevamente desde el principio.
Obtén más información sobre el prototipado con video →
Cambiar a
La acción Cambiar a está disponible al crear prototipos con componentes interactivos.
Utiliza la acción Cambiar a, puedes alternar entre variantes en un conjunto de componentes. Por ejemplo, puedes tener un conjunto de componentes para un ícono de casilla de verificación, con una variante marcada y otra desmarcada. Con la acción Cambiar a, puedes alternar entre las variantes marcadas y desmarcadas en tu prototipo.
Consejo: Puedes utilizar la acción Cambiar a en una instancia anidada para cambiar la variante del componente principal.