• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar al pie de página

Juanpol

Diseño UX y UI / Creación de productos digitales

  • Tutoriales de Figma
  • Blog
  • Newsletter
  • 🔴 YouTube

Cómo crear un enlace a una imagen de Figma

Hoy voy a responder la siguiente pregunta, Cómo crear un enlace a imagen de Figma, la recibí después de publicar el tutorial donde expliqué todos los métodos que ofrece la aplicación para crear enlaces dentro del Canvas.

crear enlace imagen figma
Foto: master1305 / Freepik

El lector que se puso en contacto me pedía ayuda para resolver un problema, no encontraba la URL de la imagen que incrustaba segundos antes en su diseño.

Para entender bien su problema lo primero que hice fue pedirle acceso a su archivo y utilizando las herramientas de colaboración me envió una invitación con permisos para ver y editar su diseño.

Cómo obtener el enlace de una imagen en Figma

Una vez dentro de su archivo lo primero que hice fue mandarle un enlace a una charla de Meet. Cuando trabajo con alguien en un archivo de Figma y hacemos algo en común, me ayuda recrear la escena, sentir que ambos estamos delante de la misma pantalla.

Clip extraído de un directo emitido a través de mi canal de Twitch.

Según él estaba haciendo todo bien, incrustaba la imagen de todas las formas posibles:

  • Arrastrando la imagen al Canvas desde el escritorio de su ordenador
  • Utilizando la función Place image siguiendo una de las cuatro opciones que Figma ofrece para utilizarla

Efectivamente estaba usando bien la herramienta para importar imágenes, pero para poder obtener un link a la misma debía hacer algo más, la solución era simple…

¿Por qué no encuentro el link de la imagen?

Hasta el momento Figma nos ofrece dos tipos de enlaces dentro de un archivo: enlaces a Frames y a Páginas. El lector no encontraba la opción Copy link en la imagen porque Figma no la ofrece.

Para obtener “la URL de una imagen” antes debemos colocarla dentro de un Frame y será la URL del Frame la que introduciremos en el enlace que vayamos a crear.

Pasos para crear un link a una imagen

Los pasos para crear un enlace a una imagen son los siguientes:

  • Incrustar la imagen en el Canvas
  • Seleccionar la imagen
  • Abrir el menú contextual pulsando el botón derecho del ratón y seleccionar la opción Frame selection, también se puede utilizar la combinación de teclas Option + Command + G en macOS y Control + Alt + G en Windows

Finalmente la imagen quedará dentro del nuevo Frame.

Ahora sólo queda seleccionar el Frame y obtener la URL del mismo utilizando el menú contextual, aquí te dejo más información para que puedas aprender a crear y usar links en un archivo de Figma.

También se podría colocar la imagen dentro de una Página y obtener su URL pero entendemos que rara vez usaremos una Página para colocar una imagen sin nada más, de todos modos es una opción válida, todo dependerá de nuestras necesidades.

Si tienes alguna duda por favor deja tu comentario, muchas gracias.

Aprende a usar Figma, Sketch y Webflow

Suscríbete gratis para recibir notificaciones cuando publique nuevos contenidos.

Revisa tu bandeja de entrada o la carpeta de spam para confirmar tu suscripción.

Información de privacidad

En este sitio web te solicito algunos datos para enviarte correos electrónicos con las publicaciones que hago. Finalidad de los datos: Enviar correos electrónicos con las novedades publicadas en el blog. Legitimación: Aceptación expresa de la política de privacidad. Almacenamiento de los datos: Base de datos alojada en Siteground España. Duración: Hasta que lo solicites. Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

juanpol

Acerca de Juanpol

Product Designer, Diseñador UX/UI y creador de contenido con 29 años de experiencia. Trabaja en Freepik Company.

Interacciones con los lectores

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


En este sitio web te solicito algunos datos para poder moderar y responder comentarios de usuarios. Responsable de los datos: Juan Pablo Olmo / Finalidad de los datos: Gestionar los comentarios y evitar el spam. / Legitimación: Aceptación expresa de la política de privacidad. / Almacenamiento de los datos: Base de datos alojada en Siteground España. / Duración: Hasta que lo solicites. / Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Footer

Te puede interesar

  • Componentes interactivos de Figma
  • Los mejores plugins de Figma en 2023
  • Cómo crear un scroll en Figma
  • ¿Qué es Figma y para qué sirve?

Información

  • Juanpol
  • Contacto

Juanpol

Juanpol

Diseño UX y UI / Creación de productos digitales

  • info@juanpol.com
  • LinkedIn
  • YouTube
  • Telegram
  • Twitter

  • Privacidad

Utilizamos cookies propias y de terceros para fines analíticos y para mostrarte publicidad personalizada o a partir de tus hábitos de navegación. Puedes informarte más sobre ellas en los ajustes

Resumen de privacidad

Utilizamos cookies propias y de terceros para fines analíticos y para mostrarte publicidad personalizada o a partir de tus hábitos de navegación. Puedes cambiar la configuración u obtener más información consultando la política de cookies.

Cookies de terceros

Esta web utiliza herramientas de estadística para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.

Dejar esta cookie activa nos permite mejorar nuestra web.

¡Por favor, activa primero las cookies estrictamente necesarias para que podamos guardar tus preferencias!

Política de cookies

Más información sobre nuestra política de cookies.