Contenido del Curso
UI/UX con Figma
UI/UX con Figma
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 selecciona → Copiar/Pegar como → Copiar 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.
¡Gracias por tus comentarios!