Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Colocación de Fotos y Videos en Figma: Mejora de Tus Diseños con Medios | Creación de Elementos Visuales en Figma
Diseño UI/UX con Figma

bookColocación de Fotos y Videos en Figma: Mejora de Tus Diseños con Medios

Para agregar una imagen, puedes:

  • Hacer clic en el Icono de Figma → Archivo → Colocar imagen;
  • Usar la barra de herramientas y seleccionarlo desde el grupo de herramientas de Formas → Colocar imagen;
  • Usar el atajo: Ctrl/Command + Shift + K;

Para colocar una imagen en Figma, pasa el cursor sobre una forma y haz clic para rellenar la forma con la imagen. También puedes colocarla sobre texto, arrastrar para posicionar manualmente o hacer clic para colocar la imagen completa, pero puede que necesites escalarla. Para recortar o ajustar una imagen, haz doble clic mientras mantienes presionada la tecla Alt/Opción o utiliza las opciones de Panel de diseño → Relleno → Relleno de imagen.

Ajustar opciones de escalado

  • Rellenar: la imagen llena la forma;
  • Ajustar: la imagen se ajusta dentro de la forma;
  • Recortar: ajustar las dimensiones de la imagen;
  • Mosaico: repite la imagen en una cuadrícula.

Para copiar una imagen en Figma, haz clic derecho y seleccionaCopiar/Pegar comoCopiar propiedades o Pegar propiedades para transferir atributos entre formas. Alternativamente, puedes usar los atajos de teclado Ctrl/Command + C para copiar y Ctrl/Command + V para pegar.

También puedes modificar la configuración de relleno mediante:

  • Ajustar la opacidad de la imagen para un efecto desvanecido;
  • Cambiar u ocultar cualquier color/imagen de relleno;
  • Eliminar cualquier relleno haciendo clic en el icono de menos.

Colocar videos en Figma sigue un proceso similar al de las imágenes, pero los videos solo pueden agregarse con planes de pago. Una vez añadidos, puedes previsualizar miniaturas de video en la configuración de Relleno bajo el Panel de diseño. Para la reproducción completa, cambia al Modo de presentación haciendo clic en el icono "Presentar" en la esquina superior derecha. Si necesitas descargar los archivos originales (fotos o videos), entra en Modo de desarrollo (disponible solo con planes de pago), selecciona el objeto y navega al Panel de inspección. En la Sección de recursos, encontrarás el Botón de descargar/exportar.

question mark

¿Cómo puedes copiar una imagen entre formas en Figma? (Elige dos)

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 1

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Awesome!

Completion rate improved to 2.78

bookColocación de Fotos y Videos en Figma: Mejora de Tus Diseños con Medios

Desliza para mostrar el menú

Para agregar una imagen, puedes:

  • Hacer clic en el Icono de Figma → Archivo → Colocar imagen;
  • Usar la barra de herramientas y seleccionarlo desde el grupo de herramientas de Formas → Colocar imagen;
  • Usar el atajo: Ctrl/Command + Shift + K;

Para colocar una imagen en Figma, pasa el cursor sobre una forma y haz clic para rellenar la forma con la imagen. También puedes colocarla sobre texto, arrastrar para posicionar manualmente o hacer clic para colocar la imagen completa, pero puede que necesites escalarla. Para recortar o ajustar una imagen, haz doble clic mientras mantienes presionada la tecla Alt/Opción o utiliza las opciones de Panel de diseño → Relleno → Relleno de imagen.

Ajustar opciones de escalado

  • Rellenar: la imagen llena la forma;
  • Ajustar: la imagen se ajusta dentro de la forma;
  • Recortar: ajustar las dimensiones de la imagen;
  • Mosaico: repite la imagen en una cuadrícula.

Para copiar una imagen en Figma, haz clic derecho y seleccionaCopiar/Pegar comoCopiar propiedades o Pegar propiedades para transferir atributos entre formas. Alternativamente, puedes usar los atajos de teclado Ctrl/Command + C para copiar y Ctrl/Command + V para pegar.

También puedes modificar la configuración de relleno mediante:

  • Ajustar la opacidad de la imagen para un efecto desvanecido;
  • Cambiar u ocultar cualquier color/imagen de relleno;
  • Eliminar cualquier relleno haciendo clic en el icono de menos.

Colocar videos en Figma sigue un proceso similar al de las imágenes, pero los videos solo pueden agregarse con planes de pago. Una vez añadidos, puedes previsualizar miniaturas de video en la configuración de Relleno bajo el Panel de diseño. Para la reproducción completa, cambia al Modo de presentación haciendo clic en el icono "Presentar" en la esquina superior derecha. Si necesitas descargar los archivos originales (fotos o videos), entra en Modo de desarrollo (disponible solo con planes de pago), selecciona el objeto y navega al Panel de inspección. En la Sección de recursos, encontrarás el Botón de descargar/exportar.

question mark

¿Cómo puedes copiar una imagen entre formas en Figma? (Elige dos)

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 1
some-alt