Quién puede utilizar esta función
Las imágenes están disponibles en todos los planes
Los videos están disponibles en todos los planes de pago
Cualquier persona con acceso de edición a un archivo puede subir imágenes y videos
Puedes subir imágenes y videos para incorporar fotografías, capturas de pantalla y otros recursos visuales en tus diseños.
Figma admite los siguientes tipos de archivo:
- Imagen: JPG, PNG, HEIC, WebP, GIF, TIFF (solo en Safari).
- Video: MP4, MOV, WebM.
Nota: Cuando se importa un archivo SVG a Figma, este ya no se trata como una imagen. En su lugar, se convierte en una capa vectorial editable. Obtén más información sobre cómo editar las capas vectoriales.
Figma no tiene un tipo de capa específico para imágenes y videos. En su lugar, estos recursos se tratan como rellenos. Esto te permite agregar recursos a cualquier tipo de capa, incluidas formas, marcos, capas de texto y redes vectoriales. Obtén más información sobre el uso de rellenos.
Cuando subes un recurso directamente al lienzo, Figma crea una capa de rectángulo con el recurso configurado como relleno. Puedes identificar el tipo de recurso por el ícono en el panel de capas de la barra lateral izquierda: imagen o video/GIF.
Límite del tamaño de los recursos
Si el recurso que estás subiendo excede los 4096 x 4096 píxeles, Figma lo escala automáticamente de forma proporcional para que la longitud máxima de dimensión sea de 4096 píxeles o menos. Una vez que hayas subido el archivo, podrás cambiarle el tamaño. Ten en cuenta que se pueden perder algunos metadatos del archivo durante el proceso de cambiar de tamaño.
Subida de imágenes y videos
Se pueden subir imágenes y videos a Figma de las siguientes maneras:
- Usar el selector de color para subir imágenes o videos.
- Subir imágenes o videos en lote.
- Importar imágenes al explorador de archivos.
- Copiar y pegar imágenes o videos desde el portapapeles.
- Arrastrar y soltar imágenes o videos desde tu computadora al lienzo.
Nota: ¿Tienes problemas para cargar las imágenes? Aprende a solucionar los problemas más comunes de carga de imágenes.
Uso del selector de color para subir imágenes y videos
Puedes usar el selector de color para subir imágenes y videos como relleno de una capa de la siguiente manera:
- Selecciona una capa en el lienzo.
- Haz clic en la muestra en la sección Relleno o Trazo en la barra lateral derecha para abrir el selector de color.
- Elige una imagen o un video de las opciones de relleno. Se aplica un marcador de posición visual de cuadros grises y blancos al relleno de la capa hasta que elijas un archivo.
- Haz clic en Cargar desde la computadora para subir una imagen existente o en Crear una imagen para crear imágenes usando Figma AI.
Subida de imágenes y videos en lote
Colocar imagen/video te permite importar recursos en bloque. Luego puedes elegir exactamente dónde te gustaría colocar cada recurso. Dado que Figma trata las imágenes y videos como rellenos, también puedes agregarlos a los objetos existentes.
- Selecciona Imagen/video desde el menú de Herramientas de forma en la barra de herramientas o usa el atajo de teclado correspondiente.
- Mac: Mayús Command K
- Windows: Mayús Ctrl K
- Selecciona los archivos de imagen o video que deseas subir, luego haz clic en Abrir. El cursor muestra una insignia con el número de recursos que hay que colocar.
- Selecciona una de las siguientes acciones:
- Haz clic en el lienzo para colocar la imagen o el video en una nueva capa, utilizando sus dimensiones originales.
- Selecciona un objeto existente en el lienzo para reemplazar su relleno con la imagen o video.
- Haz clic en Colocar todo para agregar todos los recursos a una única ubicación en el lienzo.
- Repite el proceso para los recursos restantes. Para descartar las imágenes o videos restantes, presiona Eliminar en tu teclado.
Reemplazo de rellenos de imagen y video
Puedes cambiar un relleno de una imagen o un video en cualquier momento. Esto conserva cualquier configuración de modo de relleno que hayas aplicado, incluyendo cualquier recorte o posicionamiento.
Hay varias formas de hacerlo:
- Arrastra el archivo sobre la vista previa del recurso en el selector de color.
- Arrastra el archivo sobre la muestra en la sección relleno o trazo de la barra lateral derecha.
Edición de imágenes
Una vez subida la imagen, puedes usar sus propiedades para ajustar cómo aparecerá en tu diseño. También puedes aprovechar Figma AI para expandirla, eliminar su fondo y más.
Aprende cómo hacer y editar imágenes con Figma AI.
Obtén más información sobre cómo ajustar las propiedades de una imagen.