Añadir imágenes y vídeos a los diseños

Puedes subir imágenes y vídeos para incorporar fotografías, capturas de pantalla y otros recursos visuales a tus diseños.

Figma admite los siguientes tipos de archivos:

• Imagen: JPG, PNG, HEIC, WebP, GIF, TIFF (solo en Safari)
• Vídeo: MP4, MOV, WebM

Figma no tiene un tipo de capa específico para imágenes y vídeos. En su lugar, estos recursos se tratan como rellenos. Esto te permite añadir recursos a cualquier tipo de capa, incluyendo formas, marcos, capas de texto y redes vectoriales. Más información sobre cómo usar rellenos.

Cuando subes un recurso directamente al lienzo, Figma crea una capa rectangular con el recurso establecido como relleno. Puedes identificar el tipo de recurso por el icono en el panel de capas de la barra lateral izquierda: Imagen o Vídeo/GIF.

Límitar el tamaño de los recursos

Si el recurso que estás subiendo supera los 4096 x 4096 píxeles, Figma lo escalará automáticamente de forma proporcional para que su dimensión más larga sea de 4096 píxeles o menos. Puedes redimensionar el recurso una vez que se haya subido al archivo. Ten en cuenta que algunos metadatos del archivo pueden perderse durante este proceso de redimensionamiento.

Subir imágenes y vídeos

Hay varias formas de subir imágenes y vídeos a Figma:

• Usa el selector de colores para subir imágenes/vídeos
• Sube imágenes/vídeos de forma masiva
• Importa imágenes al explorador de archivos
• Copia y pega imágenes/vídeos desde tu portapapeles
• Arrastra y suelta imágenes/vídeos desde tu ordenador al lienzo

Usar el selector de colores para subir imágenes y vídeos

Puedes usar el selector de colores para subir imágenes y vídeos como relleno de una capa:

1. Selecciona una capa en el lienzo.
2. Haz clic en la muestra en la sección Relleno o Trazo de la barra lateral derecha para abrir el selector de colores.
3. Selecciona Imagen o Vídeo en las opciones de relleno. Se aplica un marcador visual de cuadros grises y blancos al relleno de la capa hasta que elijas un archivo.
4. Haz clic en Subir desde el ordenador para subir una imagen existente, o haz clic en Crear una imagen para crear imágenes usando Figma AI.

Subir imágenes y vídeos de forma masiva

La opción Colocar imagen/vídeo te permite importar recursos de forma masiva. A continuación, puedes elegir exactamente dónde deseas ubicar cada recurso. Dado que Figma trata las imágenes y los vídeos como rellenos, también puedes añadirlos a objetos existentes.

1. Selecciona Imagen/vídeo en el menú de Herramientas de forma de la barra de herramientas o usa el atajo del teclado:
   • Mac: Mayús Comando K
   • Windows: Mayús Ctrl K
2. Selecciona los archivos de imagen o vídeo que quieras subir y, a continuación, haz clic en Abrir. El cursor mostrará una insignia con el número de recursos que deben ubicarse.
3. Lleva a cabo una de las siguientes opciones:
   • Haz clic en el lienzo para ubicar la imagen o el vídeo en una nueva capa, usando sus dimensiones originales
   • Selecciona un objeto existente en el lienzo para reemplazar su relleno con la imagen o el vídeo
   • Haz clic en Ubicar todo para añadir todos los recursos a una sola ubicación en el lienzo
4. Repite el proceso para los recursos restantes. Para descartar cualquier imagen o vídeo restante, pulsa Borrar en tu teclado.

Reemplazar rellenos de imagen y vídeo

Puedes cambiar el relleno de una imagen o un vídeo en cualquier momento. De este modo, se mantendrán los ajustes de relleno que hayas aplicado, incluidos los recortes y el posicionamiento.

Hay varias formas de hacerlo:

• Arrastra el archivo sobre la vista previa del recurso en el selector de colores
• Arrastra el archivo sobre la muestra en la sección Relleno o Trazo de la barra lateral derecha

Editar imágenes

Una vez subida, puedes usar las propiedades de la imagen para ajustar cómo aparece en tu diseño. También puedes usar Figma AI para ampliar imágenes, eliminar fondos y mucho más.

Aprende a crear y editar imágenes con Figma AI.

Más información sobre cómo ajustar las propiedades de una imagen..