Una de las características más útiles de la herramienta de diseño colaborativo Figma es la posibilidad de agregar hipervínculos. Con esta función, conectar páginas en línea resulta fácil. Los hipervínculos facilitan la navegación por un sitio. Los enlaces brindan a los visitantes del sitio acceso directo a recursos esenciales y páginas de destino, entre otra información.
Independientemente de si estás intentando aprender cómo agregar enlaces a íconos y texto o insertar hipervínculos en general, este artículo te guiará. Continúe leyendo para familiarizarse con los persos métodos que puede utilizar para lograrlo.
Creación de hipervínculo mediante icono
Este es uno de los tipos de enlaces más comunes que puede utilizar en Figma. Aquí, el ícono de Enlace se usa para agregar un enlace de texto. Estos pasos no funcionarán con imágenes.
- Utilizando el texto de una página, resalte el texto que desea vincular a otra página haciendo clic al principio de la sección y luego arrastrándolo.
- Después de resaltar el texto, presione el ícono “Enlace” en la barra de herramientas en la parte superior del espacio de trabajo. Al hacerlo, se crea un cuadro encima de la palabra o palabras resaltadas.
- En una pestaña diferente, abra la página web que desea vincular y copie su URL resaltándola primero y presionando “Comando” + “C” en Mac o “Control” + “C” en Windows.
- Vaya al cuadro de URL que se encuentra encima del cuadro resaltado y haga clic dentro de él.
- Presione “Comando” + “V” en Mac o “Control” + “V” en Windows. Esto le permite pegar su URL en el cuadro.
- Haga clic en un espacio vacío en la página o presione “Entrar” para agregar el enlace al texto. Aparecerá una línea debajo de la palabra. Cuando los usuarios hagan clic en esa palabra, serán dirigidos a la dirección del enlace.
Utilice un atajo de teclado para crear enlaces
Este es el segundo método que puede utilizar para crear un enlace Figma. Puede utilizar el método de método abreviado de teclado para agregar enlaces en texto pero no en imágenes.
- Seleccione el texto o la palabra que desea que sirva como enlace.
- Utilice estos atajos para crear un cuadro sobre la palabra o el texto resaltado.
- Presione “Control” + “K” en dispositivos Windows.
- Presione “Comando” + “K” en dispositivos Mac.
- Pegue la URL que desee dentro del cuadro.
- Presione el botón “Entrar” para crear el hipervínculo.
Utilice el panel de prototipo para crear su hipervínculo
Este método se puede utilizar tanto en imágenes como en texto. Es una opción ideal para vincular una imagen como en los íconos de las redes sociales.
- Seleccione su texto o imagen haciendo clic primero en él.
- Vaya al panel “Propiedades” y abra “Prototipo”.
- En el menú Prototipo en “Interacciones”, seleccione la interacción actual si hay alguna disponible. Si no hay ninguno, haga clic en el icono “+” para agregar uno.
- Ajuste la configuración de interacción para agregar un enlace correctamente:
- Establezca la interacción en “Al hacer clic”.
- Luego, la acción debe configurarse en “Abrir enlace”.
- Pegue su enlace en el cuadro de URL.
- Marque la opción “Abrir en una pestaña nueva” para abrir una nueva pestaña cuando un usuario toque el enlace.
- Salga del panel de prototipo para agregar la imagen o el enlace de texto. Esto no cambia la imagen. Sin embargo, cuando el diseño se ve dentro de la pestaña “Presente”, el cursor cambia al pasar el cursor sobre la imagen. Si se hace clic en la imagen, se abre el enlace que agregó.
Editar o eliminar hipervínculos de Figma
Si cree que un enlace no funciona o desea eliminarlo, puede editarlo o eliminarlo. Para editar su enlace:
- Pase el cursor sobre el texto vinculado con el mouse para abrir el enlace modal.
- Seleccione la opción “Editar” al lado del modal para editar la dirección.
- Realice los cambios necesarios y salga.
- Para eliminar, borre el cuadro de enlace. Esto elimina su URL por completo y el texto ya no está vinculado.
Aumente la accesibilidad agregando hipervínculos en Figma
Los hipervínculos en Figma facilitan a los usuarios la navegación por el contenido. Sus enlaces pueden enviar a los usuarios a otros archivos, páginas, marcos o prototipos de Figma. Los enlaces también podrían conectarse a sitios web externos y enviarle a nuevas pestañas del navegador. Hay varias formas de agregar hipervínculos y debería ser sencillo con los pasos descritos anteriormente.