Antes de empezar
Quién puede utilizar esta función
Usuarios en cualquier equipo o plan.
Los usuarios con acceso de acceso de edición pueden crear prototipos.
¿Acabas de empezar en el mundo del prototipado? Consulta nuestra guía Introducción al prototipado.
Todos los prototipos comienzan con una sola interacción. Cada interacción tiene un disparador y una acción.
El disparador determina qué tipo de interacción con el hotspot hará que el prototipo avance. Puede ser una interacción con el mouse o táctil, como tocar, arrastrar, hacer clic y más.
Este artículo trata sobre nuestros disparadores de prototipado con más detalle.
Consejo: Aprende a crear una interacción de prototipo o revisa las acciones de prototipo disponibles →
Al hacer clic/Al tocar
Activa la acción cuando el usuario hace clic (en computadoras de escritorio) o toca (en dispositivos móviles) un hotspot en tu prototipo. Puedes agregar disparadores de clic o toque a muchos elementos diferentes en una pantalla.
Puedes utilizarlos para la navegación, como abrir enlaces, utilizar menús o explorar sitios web. También se pueden utilizar cuando necesitas que un usuario haga clic en botones, complete formularios o confirme y descarte alertas.
Al arrastrar
Te permite realizar una acción cuando arrastras un elemento por la pantalla. Puede ser todo el marco o un solo elemento, como un control deslizante.
Puedes utilizar Al arrastrar en cualquier dirección: izquierda, derecha, arriba o abajo. Esto es ideal para gestos de deslizamiento sencillos o para animaciones más complejas, como arrastrar para actualizar.
Arrastrar te permite avanzar y retroceder a través de la transición. Esto crea una continuidad, en lugar de realizar la acción después de un gesto de deslizamiento.
Al pasar el cursor
Activa la acción cuando pasas el cursor por encima del hotspot. Puedes utilizar esto para replicar información sobre herramientas, indicaciones en pantalla o cambios de estado.
El usuario volverá al marco original cuando mueva el cursor fuera del hotspot. Esto lo convierte en una interacción ideal cuando no deseas alejar a los usuarios de la pantalla actual.
Al presionar
Activa la acción cuando haces clic y mantienes presionado el mouse o el trackpad en una computadora de escritorio. O bien, cuando tocas y mantienes presionado el botón en un dispositivo móvil.
Puedes utilizar este disparador para navegar por menús desplegables o replicar interacciones de pulsación prolongada, como ver una vista previa con 3D Touch en iOS.
Una vez que el usuario suelta el cursor, vuelve al marco original. Esto lo hace ideal para superposiciones que capturan interacciones temporales o cambios de estado.
Teclado/Joystick
El disparador Teclado/Joystick te permite replicar interacciones con un atajo de teclado. Esto se aplica a las entradas del usuario provenientes de teclados, controladores y joysticks.
Un disparador puede ser una sola tecla o botón, o una combinación de teclas.
Por ejemplo: un disparador puede basarse en que el usuario presione la tecla Enter o el botón ✕ de un controlador, o en que utilice un atajo como Shift – K.
Nota: Ofrecemos soporte oficial para los controladores Xbox One, PS4 y Nintendo Switch Pro. Es posible que otros controladores funcionen, pero es posible que los botones que se muestran en Figma no reflejen con precisión el controlador.
Entrar con el mouse
Este disparador muestra el marco de Destino cuando se entra con el mouse en el área del hotspot. Puede ser un área pequeña, como un botón, o una sección completa de la pantalla.
Puedes utilizarlo para mostrar las opciones de un menú desplegable a medida que entras con el mouse en el campo. El menú permanecerá abierto hasta que el usuario realice otra interacción, como seleccionar un elemento o hacer clic fuera del campo.
Una vez que hayas configurado una interacción Entrar con el mouse, es posible que desees configurar un disparador Salir con el mouse para revertir la acción al salir del hotspot.
Nota: El 16 de noviembre de 2023, Figma actualizó el comportamiento del disparador Entrar con el mouse para reflejar con mayor precisión el nombre y la descripción del mismo.
- Las interacciones Movimiento del mouse en el interior se activan cada vez que el mouse se mueve dentro del hotspot.
- Las interacciones Entrar con el mouse solo se activan cuando el mouse entra inicialmente en el hotspot.
Para mantener intactos los prototipos existentes, las interacciones creadas antes del 16 de noviembre de 2023 ahora se denominan Movimiento del mouse en el interior .
Ya no se pueden crear interacciones Movimiento del mouse en el interior. Todas las interacciones nuevas tienen el disparador Entrar con el mouse.
Salir con el mouse
Este disparador muestra el marco de Destino cuando el cursor sale del área del hotspot.
Puedes utilizarlo para indicaciones en pantalla, como una alerta cuando no completaste un campo o marcado una casilla.
Nota: El 16 de noviembre de 2023, Figma actualizó el comportamiento del disparador Salir con el mouse para reflejar con mayor precisión el nombre y la descripción del mismo.
- Las interacciones Movimiento del mouse hacia afuera se activan cada vez que el mouse se mueve fuera del hotspot.
- Las interacciones Salir con el mouse solo se activan cuando el mouse entra inicialmente en el hotspot.
Para mantener intactos los prototipos existentes, las interacciones creadas antes del 16 de noviembre de 2023 ahora se denominan Movimiento del mouse hacia fuera .
Ya no se pueden crear interacciones Movimiento del mouse hacia afuera. Todas las interacciones nuevas tienen el disparador Salir con el mouse.
Presionar el mouse (presionar el touch pad)
Este disparador activa el marco de Destino cuando presionas por primera vez el mouse o el touch pad. En los dispositivos móviles, esto ocurre cuando el dedo del usuario deja de tocar el hotspot.
Soltar el mouse (soltar el touch pad)
Esto activa el marco de Destino cuando sueltas el mouse o el touch pad. En el caso de los dispositivos móviles, esto ocurre cuando el dedo del usuario deja de tocar el hotspot.
- Aplica el disparador Presionar el mouse al encabezado del menú para abrir una superposición.
- Aplica la interacción Soltar el mouse al elemento del menú en la superposición.
- Cuando el usuario suelta el mouse, vuelve al marco correspondiente.
Consejo: Utiliza los disparadores Presionar el mouse y Soltar el mouse juntos para simular la navegación de un usuario por un menú desplegable.
Con retraso
El disparador Con retraso te permite activar una acción después de que el usuario haya pasado un tiempo determinado en un marco concreto. Deberás configurar la duración del retraso en milisegundos (ms).
Cuando el video alcanza una marca de tiempo específica
El disparador Cuando el video alcanza una marca de tiempo específica está disponible para cualquier conexión que comience en un archivo de video.
Te permite establecer una acción cuando el video alcanza una marca de tiempo específica. Esto puede resultar útil a la hora de crear prototipos para cosas como pausas publicitarias en vídeos o activar un mensaje superpuesto durante la reproducción de un video.
Si seleccionas el disparador Cuando el video alcanza una marca de tiempo específica, hay un campo para ingresar una marca de tiempo.
Nota: Si ingresas una marca de tiempo que exceda la duración total del video, el disparador se activará cuando finalice el video.
Obtén más información sobre el prototipado con video →
Cuando termina el video
El disparador Cuando termina el video está disponible para cualquier conexión que comience en un archivo de video.
Te permite establecer una acción cuando termina el video. Esto puede ser útil al secuenciar videos o crear una experiencia de reproductor de video interactivo.