Antes de empezar
Quién puede utilizar esta función
Disponible para cualquier plan.
Cualquier persona con acceso de tipo Puede editar a un archivo puede crear prototipos.
¿Acabas de empezar en la creación de prototipos? Consulta nuestra guía de Introducción a la creación de prototipos.
La acción define el siguiente paso o evento en el prototipo. Es la respuesta del evento desencadenante de interacción. Por ejemplo, la acción podría ser navegar a otro marco o abrir una URL externa.
Aprende más sobre cómo construir prototipos con interacciones y animaciones →
Tipos de acciones
Navegar a
Esta acción te lleva de un marco en un prototipo a otro. Este es el tipo más común de acción para usar al moverse entre pantallas completas.
Atrás
Esto te permite navegar de regreso a la pantalla anterior. Esto es perfecto para simular el botón Atrás en tus prototipos.
Establecer variables
Con la acción Establecer variable puedes establecer o modificar el valor de una variable como resultado de un desencadenante de prototipo.
Aprende más sobre el uso de variables con prototipos →
Establecer modo variable
Usa esta acción para cambiar el modo variable de una página mientras creas prototipos.
Más información sobre la acción de establecer modo variable →
Condicional
Verifica si se cumple una condición antes de realizar una acción usando una declaración condicional if/else.
Más información sobre usar condicionales →
Desplazarse a
Esta acción permite que tu prototipo o un contenedor anidado desplazable se desplacen a cualquier objeto dentro del marco de nivel superior. Esto es útil para replicar enlaces de anclaje e interacciones con elementos desplazables como carruseles.
Si añades Desplazarse a usando la sección de Interacciones del panel de creación de prototipos, solo puedes elegir hijos directos de marcos desplazables. Para elegir cualquier objeto dentro del marco de nivel superior, arrastra una conexión y enlázala al objeto que deseas establecer como destino.
Con Desplazar a puedes configurar la animación de desplazamiento para que sea instantánea o establecer un facilitador usando la opción Animar.
Nota: Para arrastrar una conexión a un destino oculto por un marco recortado, desactiva Recortar contenido en la sección del marco del panel de Diseño para exponer primero el marco de destino.
Abrir enlace
Esto te permite dirigir al usuario a una URL fuera del prototipo. Esto es excelente para enlaces externos o recursos adicionales que no están disponibles en la navegación principal.
Introduce tu URL en el campo proporcionado, una vez que selecciones esta opción.
¡Consejo! Cuando haces clic en una zona activa de Abrir enlace , el enlace se abre en una nueva pestaña. Si este es un enlace a un sitio web externo, se notificará al usuario que está saliendo de Figma. Puedes usar la casilla de verificación proporcionada para saltar esta página de salto en el futuro. Esta configuración solo se guardará en el dispositivo actual.
Abrir superposición
Esta acción abre el marco Destino sobre el marco actual. Esto se puede usar para mostrar un modal, una descripción emergente o una alerta, desde un botón u otro objeto en el diseño.
Cerrar superposición
Esta acción te permite cerrar o descartar cualquier superposición que haya aparecido sobre el marco original. Puedes usar esto para replicar un mensaje en pantalla o una alerta que se acepta o se descarta.
Intercambiar superposición
Esta acción te permite reemplazar un marco con otro. Esto se comportará de manera similar a la opción Navegar a , cuando se desencadena desde una zona activa en un marco regular.
Si aplicas Intercambiar superposición a una zona activa en una superposición, se intercambiará la superposición actual con el nuevo marco Destino . La nueva superposición conservará las mismas configuraciones de superposición que la original.
Nota: Usar Intercambiar superposición no añadirá ese marco al historial del prototipo. Si deseas que un usuario pueda usar la acción de Atrás para moverse entre superposiciones, recomendamos usar la opción de Navegar a.
Reproducir/pausar el vídeo
La acción Reproducir/pausar video está disponible para cualquier interacción que termine en un vídeo. Cuando está seleccionado, las siguientes acciones están disponibles:
- Reproducir vídeo: Iniciar la reproducción del vídeo
- Pausar vídeo: Pausar la reproducción del vídeo
- Alternar reproducción/pausa: Alternar entre reproducción y pausa de la reproducción del vídeo
Más información sobre la creación de prototipos con vídeo →
Silenciar/activar el sonido del vídeo
La acción Silenciar/activar el sonido del vídeo está disponible para cualquier interacción que termine en un vídeo. Cuando está seleccionado, las siguientes acciones están disponibles:
- Silenciar vídeo: Apagar el sonido del vídeo
- Activar el sonido del vídeo: Encender el sonido del vídeo
- Alternar silencio/activar sonido: Alternar entre encender/apagar el sonido del vídeo
Más información sobre la creación de prototipos con vídeo →
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 vídeo. Esta acción salta a una marca de tiempo específica en el vídeo. Puedes establecer la marca de tiempo después de seleccionar la acción Establecer a un tiempo específico.
Nota: Si introduces una marca de tiempo que supera la duración total del vídeo, la acción saltará al final del vídeo. Si la configuración de bucle de vídeo está activada, el vídeo comenzará a reproducirse nuevamente desde el principio.
Más información sobre la creación de prototipos con vídeo →
Saltar adelante/atrás en el tiempo
La acción Saltar adelante/atrás en el tiempo está disponible para cualquier interacción que termine en un vídeo. Cuando está seleccionado, las siguientes acciones están disponibles:
- Saltar adelante: Establecer un número de segundos para avanzar rápidamente en la reproducción del vídeo.
- Saltar atrás: Establecer un número de segundos para rebobinar en la reproducción del vídeo.
Esta acción puede ser útil al diseñar una experiencia de reproductor de vídeo interactivo.
Nota: Si avanzas más allá de la duración total del vídeo, la acción saltará al final del vídeo. Si la configuración de bucle de vídeo está activada, el vídeo comenzará a reproducirse nuevamente desde el principio.
Más información sobre la creación de prototipos con vídeo →
Cambiar a
La acción Cambiar a está disponible en la creación de prototipos con componentes interactivos.
Usa la acción Cambiar a para alternar entre variantes en un conjunto de componentes. Por ejemplo, puedes tener un conjunto de componentes para un icono de casilla de verificación, con una variante comprobada y una variante no comprobada. Con la acción Cambiar a, puedes alternar entre las variantes comprobada y no comprobada en tu prototipo.
Consejo: Puedes usar la acción Cambiar a en una instancia anidada para cambiar la variante del componente principal.