Quién puede utilizar esta función
Disponible en todos los planes
Los usuarios con acceso de edición a un archivo pueden crear y editar enlaces
Los usuarios con acceso de visualización a un archivo solo pueden seguir enlaces
Los enlaces en el texto también funcionan en los prototipos. Aprende cómo comenzar a trabajar con prototipado.
Agrega enlaces a cualquier capa de texto dentro de tu archivo de diseño para realizar las siguientes actividades:
- Dirigir a los colaboradores a sitios externos como documentación y herramientas de gestión de proyectos
- Crear navegación dentro de un archivo Figma grande a marcos y páginas específicos
- Vincular a otros archivos y prototipos de Figma
- Representar enlaces reales que existirán en la producción
Nota: Actualmente no es posible agregar enlaces a imágenes u objetos vectoriales en el Editor, solo al crear hotspots de prototipos. Por el momento, no se admite la vinculación a clientes de correo electrónico predeterminados mediante HTML como mailto:.
Crear un enlace
Puedes agregar 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 editarla y realizar tu selección.
En el panel de propiedades
- Realiza tu selección.
- Haz clic en Crear enlace en el panel de propiedades.
- Escribe o pega una URL en el cuadro de entrada que aparece encima del texto seleccionado.
- Presiona Enter para aplicar el enlace.
Utiliza el atajo de teclado
- Realiza tu selección.
- Utiliza el atajo de teclado para abrir el cuadro de entrada de enlaces situado encima del texto seleccionado:
- Mac: ⇧ Shift ⌘ Command U
- Windows: Shift Control U
- Escribe o pega una URL en el cuadro de entrada.
- Presiona Enter para aplicar el enlace.
Utiliza pegar en el sitio
Agrega enlaces directamente al texto sin utilizar el cuadro de entrada de enlaces.
- Realiza tu selección.
- Pega una URL desde el portapapeles utilizando el atajo del teclado:
- Mac: Command V
- Windows: Control V
Si deseas mostrar la URL completa en la página, utiliza el atajo de teclado para pegar dos veces: una vez para pegarla como texto y otra vez para convertirla en un enlace.
Obtén más información sobre cómo funcionan los enlaces en nuestro archivo de área de pruebas.
Consejo: Para agregar una URL o un correo electrónico sin crear un enlace, utiliza el atajo de teclado:
- Mac: ⌘ Command Shift V
- Windows: Control Shift 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 vincula 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.
- En el modal de uso compartido, configura los permisos para compartir enlaces.
- Haz clic en Copiar enlace para copiar la URL en el portapapeles.
Prototipo
Para copiar un enlace a un prototipo:
- Abre el archivo.
- Haz clic en Presentar para abrir el prototipo en la vista de presentación.
- Haz clic en el botón Compartir prototipo y configura los permisos para compartir enlaces.
- Haz clic en Copiar enlace para copiar la URL al portapapeles.
Página
Para copiar un enlace a una página:
- Abre el panel de capas y amplía la lista de páginas.
- Haz clic 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 derecho en el marco en el lienzo o en el panel de capas.
- Ve a Copiar/Pegar como > Copiar enlace.
Una vez copiado, puedes crear una capa de texto y utilizarla como enlace a una página, archivo, marco o prototipo.
¡Consejo! Si utilizas Figma en el navegador, puedes copiar un enlace al objeto seleccionado desde la barra de direcciones del navegador.
Interactuar con enlaces
Previsualizar o seguir un enlace
Para previsualizar un enlace URL, pasa el cursor sobre el texto vinculado.
Para seguir un enlace, haz clic en el texto vinculado. Lo que suceda al seguir el texto vinculado dependerá del tipo de enlace:
- Archivos Figma Design o FigJam: los enlaces a otros archivos, prototipos, marcos o páginas de Figma se abren en una nueva pestaña.
- Página o marco en el archivo actual: Figma te lleva a la página o marco del archivo actual.
- Sitio web externo: todos los enlaces externos se abren en una nueva pestaña del navegador. Si es la primera vez que abres un enlace, tendrás que confirmar que deseas salir de Figma.
Para evitar que un enlace se abra al hacer clic en él, mantén presionada la tecla ⌘ Command o Control mientras haces clic.
Nota: Si estás en modo de edición de texto, tendrás que pasar el cursor sobre el texto vinculado y hacer clic en la URL del modal del enlace.
Editar o eliminar un enlace
- Haz doble clic en el texto vinculado para entrar en el modo de edición de texto.
- Haz clic o pasa el cursor por encima del texto vinculado para abrir el modal del enlace.
- Haz clic en Editar.
- Actualiza la URL o elimínala para eliminar el enlace.
Nota: Si haces doble clic en un texto vinculado y el botón Editar no está disponible, significa que la capa está bloqueada. Aprende cómo bloquear y desbloquear capas →
Aplicar estilos a los enlaces
Puedes aplicar estilos al texto vinculado como lo harías con cualquier otra capa de texto. Ya sea aplicando estilos de texto o ajustando las propiedades de texto, como el subrayado, la fuente o el color.
Los enlaces tienen un estilo subrayado predeterminado. Utiliza el atajo del teclado para eliminar el subrayado:
- Mac: Command U
- Windows: Control U
Obtén más información sobre cómo editar y aplicar estilos al texto en Figma.