Cómo vincular páginas en Figma

Aprende a enlazar páginas en Figma usando funciones de prototipado. Esta guía paso a paso te muestra cómo crear una navegación interactiva entre marcos o páginas.

Crea vídeos y documentación de producto impactantes con IA

Este tutorial se creó con Trupeer en menos de 5 minutos

Crea gratis

Vincular a otra página dentro de Figma:

Selecciona el elemento: elige el objeto (texto, forma, etc.) que quieres usar como enlace.
Abre la pestaña Prototype: en la barra lateral derecha, cambia de la pestaña Design a la pestaña Prototype.
Crea la interacción: haz clic y arrastra el nodo circular (control de interacción) desde el elemento seleccionado hasta el frame de destino en la página deseada.
Configura los detalles de la interacción: en el pequeño cuadro de ajustes, establece la interacción "Al hacer clic" en "Ir a" y selecciona la página de destino.
Prueba tu enlace: haz clic en el icono "Present" para entrar en modo de prototipo y probar el enlace.

Guía paso a paso: cómo vincular páginas en Figma

Paso 1

En el menú lateral izquierdo, verás la opción Pages. Debajo de eso, verás el nombre del diseño.

From the left side menu, you will see the Pages option. Under that, you will see the design name.

Paso 2

Luego selecciona el texto,

Paso 3

En el menú lateral derecho, haz clic en la opción de enlace.

From the right side menu, Click on the link option.

Paso 4

Luego introduce el texto o enlace.

Paso 5

Cuando termines, simplemente toca la plantilla deslizante correspondiente.

Once done, just tap on the particular slider template.

Paso 6

Ahora verás que el texto está vinculado.

Consejos profesionales para enlazar páginas en Figma

Abrir tu archivo de diseño
Empieza abriendo Figma y el archivo donde quieras enlazar páginas o marcos para la navegación.
Crear o identificar tus marcos
Cada pantalla o página que quieras enlazar debe estar dentro de su propio marco. Asegúrate de que los marcos tengan nombres claros para facilitar su selección durante el enlazado.
Seleccionar el elemento para añadir un enlace
Haz clic en un botón, texto o cualquier otro elemento interactivo que quieras usar como activador del enlace.
Entrar en el modo Prototipo
En la esquina superior derecha, cambia de la pestaña “Diseño” a la pestaña “Prototipo”. Esto te permite crear enlaces interactivos.
Arrastrar el nodo al marco de destino
Verás un nodo circular en el borde derecho del elemento seleccionado. Arrástralo al marco al que quieras enlazar. Esto creará una línea conectora.

Problemas comunes y cómo evitarlos

Arrastrar el enlace a la capa equivocada
Asegúrate de enlazar a un marco, no a un grupo ni a una forma. Solo los marcos pueden servir como destinos en los prototipos.
No se puede enlazar entre páginas
Figma no admite el enlazado directo entre páginas diferentes. Mueve temporalmente los marcos a la misma página, enlázalos y luego vuelve a colocarlos si es necesario.
Flujo de navegación confuso
Si tienes demasiados enlaces superpuestos, usa flechas, anotaciones o un diagrama de flujo para ayudar a los colaboradores a seguir la navegación.
Los enlaces del prototipo no aparecen en las exportaciones
Los enlaces del prototipo no aparecen en exportaciones PDF ni de imagen. Usa el modo “Presentar” de Figma o comparte un enlace en vivo para obtener vistas previas interactivas.
Los cambios no se reflejan
Si los enlaces no funcionan en el modo de presentación, actualiza la pestaña de vista previa o comprueba de nuevo si los marcos se desvincularon accidentalmente.

Preguntas frecuentes comunes sobre vincular páginas en Figma

¿Puedo vincular un marco a otro en Figma?
Sí, usa el modo Prototipo para conectar elementos interactivos a marcos de destino para una navegación fluida.
¿Cómo vinculo entre diferentes páginas en Figma?
Debes mover temporalmente el marco de destino a la misma página, vincularlo y luego volver a moverlo.
¿Puedo añadir transiciones entre páginas vinculadas?
Sí, al vincular, elige una animación como “Dissolve”, “Smart Animate” o “Move In” para crear transiciones fluidas.
¿Cómo previsualizo los enlaces?
Haz clic en el botón “Presentar” en la esquina superior derecha para ver tu diseño interactivo y probar todos los enlaces de navegación.
¿Es posible vincular de nuevo a un marco anterior?
Sí, crea una interacción separada en un elemento diferente y vincúlala al marco anterior usando las mismas herramientas de prototipo.
¿El subrayado funciona para texto dentro de componentes?
Sí, el subrayado funciona igual dentro de los componentes. Solo asegúrate de estar editando la capa de texto correcta.
¿Cómo grabar la pantalla en Mac?
Para grabar la pantalla en un Mac, puedes usar Trupeer AI. Te permite capturar toda la pantalla y ofrece capacidades de IA como añadir avatares de IA, añadir voz en off y hacer zoom in y zoom out en el video. Con la función de traducción de video con IA de Trupeer, puedes traducir el video a más de 30 idiomas.
¿Cómo añadir un avatar de IA a una grabación de pantalla?
Para añadir un avatar de IA a una grabación de pantalla, tendrás que usar una herramienta de grabación de pantalla con IA. Trupeer AI es una herramienta de grabación de pantalla con IA, que te ayuda a crear videos con varios avatares y también te ayuda a crear tu propio avatar para el video.
¿Cómo grabar la pantalla en Windows?
Para grabar la pantalla en Windows, puedes usar la barra de juegos integrada (Windows + G) o una herramienta de IA avanzada como Trupeer AI para funciones más avanzadas como avatares de IA, voz en off, traducción, etc.
¿Cómo añadir voz en off a un video?
Para añadir voz en off a los videos, descarga la extensión de Chrome de trupeer ai. Una vez registrado, sube tu video con voz, elige la voz en off deseada de Trupeer y exporta tu video editado.
¿Cómo acerco una grabación de pantalla?
Para hacer zoom in durante una grabación de pantalla, usa los efectos de zoom en Trupeer AI, que te permiten acercar y alejar en momentos específicos, mejorando el impacto visual de tu contenido de video.