There are a number of ways you can add images to design files:Ī Drag and drop images file from your computer onto the canvas.

This gives you greater flexibility and control. Add images to filesĪs images are fills, you can add them to any vector or shape. For this reason, we can't guarantee that Figma will preserve all file metadata. Sometimes, Figma needs to decode and convert an image before adding it to the file. This scales the image's original dimensions proportionally, so the longest edge is less than 4096 pixels.

Note: Figma downsizes images with a width or height larger than 4096 pixels. If you add a video as a fill to an existing object, Figma uses the layer icon and description of the original layer.If you add a video straight to the canvas, Figma creates a rectangle in the canvas with the dimensions of the original file with the video icon and Video label.You can also identify layers with video fills in the Layers panel in the left sidebar: If you add an image to an existing object, Figma uses the layer icon and description of the original layer.

If you add an image straight to the canvas, Figma creates a rectangle in the canvas with the dimensions of the original file with the Image icon and Image label.

You can identify layers with image fills in the Layers panel in the left sidebar: Figma will show a thumbnail of the image in the swatch and an Image label. View and update image fills in the Fill section of the right sidebar. This allows you to add images to any shape or vector network. Figma supports PNG, JPEG, HEIC, GIF and WEBP image and mp4 video formats.įigma doesn't have a specific layer type for images, instead, images are a type of fill. Figma supports PNG, JPEG, HEIC, GIF and WEBP image and mp4 video formats.Īdd images to your design files to incorporate photography, screenshots, or other visual assets in your designs.

Inkscape crop to image size