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 | Creando Visuales
UI/UX con Figma
course content

Contenido del Curso

UI/UX con Figma

UI/UX con Figma

1. Herramientas Básicas de Figma
2. Creación y Organización de Objetos
3. Creando Visuales
4. Prototipado
5. Enviando Trabajo

book
Colocación de Fotos y Videos

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 llenar la forma con la imagen. También puedes colocarla en texto, arrastrar para posicionar manualmente, o hacer clic para colocar la imagen completa, pero es posible que necesites reducir su tamaño. Para recortar o ajustar una imagen, haz doble clic mientras mantienes presionado Alt/Opción o usa 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 un diseño de 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 aspecto 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 se pueden agregar con planes pagos. Una vez agregados, puedes previsualizar miniaturas de video en la configuración de Relleno bajo el Panel de Diseño. Para la reproducción completa, cambia a 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 Dev (disponible solo con planes pagos), selecciona el objeto y navega al Panel de Inspección. En la Sección de Activos, encontrarás el Botón de Descargar/Exportar.

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

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

Selecciona unas respuestas correctas

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 1
We're sorry to hear that something went wrong. What happened?
some-alt