Quién puede utilizar esta función
Disponible en todos los planes
Usuarios con acceso de edición a un archivo pueden crear y editar enlaces
Usuarios con acceso de vista a un archivo solo pueden seguir enlaces
Los enlaces en el texto también funcionan en los prototipos. Descubre cómo comenzar con la creación de prototipos.
Añade enlaces a cualquier capa de texto dentro de tu archivo de diseño para:
- Dirigir a los colaboradores a sitios externos como documentación y herramientas de gestión de proyectos
- Crear navegación dentro de un archivo de Figma grande hacia marcos y páginas específicos
- Vincular a otros archivos y prototipos de Figma
- Representar enlaces reales que existirán en producción
Nota: Actualmente no es posible añadir enlaces a imágenes u objetos vectoriales en el Editor, solo al crear zonas activas de prototipos. Vincular a clientes de correo electrónico predeterminados usando HTML como mailto: no es compatible en este momento.
Crear un enlace
Puedes añadir un enlace a toda una capa de texto o a una selección de texto dentro de la capa. Selecciona la capa de texto, luego presiona la tecla Enter para editar la capa de texto y hacer tu selección.
Desde el panel de propiedades
- Realiza tu selección.
- Haz clic en Crear enlace en el panel de propiedades.
- Escribe o pega una URL en la caja de texto proporcionado sobre el texto seleccionado.
- Presiona Intro para aplicar el enlace.
Utiliza el atajo de teclado
- Realiza tu selección.
- Usa el atajo de teclado para abrir la caja de texto del enlace sobre el texto seleccionado:
- Mac: ⇧ Mayús ⌘ Comando U
- Windows: Mayús Control U
- Escribe o pega una URL en la caja de texto.
- Presiona Intro para aplicar el enlace.
Usa pegar en el sitio
Añade enlaces directamente al texto sin usar la caja de texto del enlace.
- Realiza tu selección.
- Pega una URL desde tu portapapeles usando el atajo de teclado:
- Mac: Comando V
- Windows: Control V
Si quieres mostrar la URL completa en la página, usa el atajo de teclado para pegar dos veces, una vez para pegarla como texto y otra vez más para convertirla en un enlace.
Aprende más sobre cómo funcionan los enlaces en nuestro archivo de área de pruebas para enlaces.
Sugerencia: Para añadir una URL o un correo electrónico sin crear un enlace, usa el atajo de teclado:
- Mac: ⌘ Comando Mayús V
- Windows: Control Mayús V
Copiar un enlace a un archivo, página o marco
Crea enlaces de navegación a páginas y marcos dentro de un archivo grande, o enlaza a otros archivos y prototipos de Figma.
Archivo
Para copiar un enlace a un archivo:
- Abre el archivo.
- Haz clic en el botón Compartir.
- Desde la ventana modal de compartir, establece cualquier permiso de compartición de enlaces.
- Haz clic en Copiar enlace para copiar la URL en tu portapapeles.
Prototipo
Para copiar un enlace a un prototipo:
- Abre el archivo.
- Haz clic en Presentar para abrir el prototipo en vista de presentación.
- Haz clic en el botón Compartir Prototipo y establece cualquier permiso de compartición de enlaces.
- Haz clic en Copiar enlace para copiar la URL en tu portapapeles.
Página
Para copiar un enlace a una página:
- Abre el panel de capas y expande la lista de páginas.
- Haz clic con el botón derecho en el nombre de la página y selecciona Copiar enlace a la página.
Marco
Para copiar un enlace a un marco:
- Haz clic con el botón derecho en el marco en el lienzo o desde el panel de capas.
- Ve a Copiar/Pegar como > Copiar enlace.
Una vez copiado, puedes crear una capa de texto y usarla como un enlace a una página, archivo, marco o prototipo.
¡Consejo! Si estás usando Figma en el navegador, puedes copiar un enlace al objeto seleccionado desde la barra de direcciones del navegador.
Interactuar con enlaces
Vista previa o seguir un enlace
Para ver la vista previa de un enlace URL, pasa el cursor sobre el texto enlazado.
Para seguir un enlace, haz clic en el texto vinculado. Lo que sucede al seguir el texto vinculado depende del tipo de enlace:
- Archivos de Figma Design o FigJam: Los enlaces de archivo a otros archivos de Figma, prototipos, marcos o páginas se abren en una pestaña nueva.
- Página o marco en el archivo actual: Figma te lleva a la página o marco en el archivo actual.
- Sitio web externo: Todos los enlaces externos se abren en una nueva pestaña en tu navegador. Si es la primera vez que abres un enlace, necesitarás confirmar que estás saliendo de Figma.
Para evitar que un enlace se abra al hacer clic en él, mantén presionado ⌘ Comando o Control mientras haces clic.
Nota: Si estás en modo editar texto, necesitarás pasar el cursor sobre el texto enlazado y hacer clic en la URL de la ventana modal del enlace.
Editar o eliminar un enlace
- Haz doble clic en el texto enlazado para entrar en el modo de editar texto.
- Haz clic o pasa el cursor sobre el texto vinculado para abrir el modal del enlace.
- Haz clic en Editar.
- Actualiza o elimina la URL para quitar el enlace.
Nota: Si haces doble clic en un texto enlazado y el botón Editar no está disponible, significa que la capa está bloqueada. Aprende cómo bloquear y desbloquear capas →
Estilizar enlaces
Puedes estilizar el texto enlazado como lo harías con cualquier otra capa de texto. Ya sea aplicando estilos de texto o ajustando propiedades de texto, como subrayado, fuente o color.
Los enlaces están estilizados con un subrayado predeterminado. Usa el atajo de teclado para quitar el subrayado:
- Mac: Comando U
- Windows: Control U
Aprende más sobre editar y estilizar texto en Figma.