

This results in smaller file sizes, but also a reduced image quality.įor this reason, you'll see JPG used in print design and photography as opposed to on the web. Exporting a JPG is a lossy compression to an image. Unlike PNG, each JG has fixed dimensions. Supported export settings: Ignore overlapping layers Export to JPG Figma will add a PNG to your clipboard (2x size by default – but if the object has export settings, Figma will use the largest export setting instead). Right click on an object and choose Copy/Paste > Copy as PNG. Learn more about importing and exporting vectors in our Copy assets between design tools article. Exporting vectors as SVGs and importing them into Figma.Copying layers in other design tools and pasting them in Figma.Importing entire Sketch or Figma Files that contain vectors.You can import vectors via a couple of different methods: Depending on the quality of the exporter/importer, this can often be a lossy process.Īs SVG is a lossless format, we recommend exporting SVG files. Import vectorsĮxporting and importing Vectors often requires conversion. Learn more about importing images in our Add images to your designs article. Add images to objects in bulk with place image.There are many ways you can add images to Figma. The table below details which methods are supported for each File type. The best method will depend on what type of File you are wanting to import. There are many different ways to import Files into Figma. This includes entire design files from Sketch or Figma, as well as individual Image and Vector files. You can import a range of different file types into Figma. Moving files between tools doesn't need to be painful. Users with Edit access can import image or vector files into a File Once completed, click Done to return to the file browser.Depending on the file size, this can take a couple of seconds. Release your mouse to start the import process.A blue box will appear in Figma to show that your files are ready to import. These could be on the desktop or in a folder.

Locate and select the file(s) you want to import.This could be the file browser, or a specific Figma file. Open the page in Figma you want to add the file to.✅Image files (PNG, JPG or GIF) Add files to Figma Figma supports different file formats for each approach. You can drag and drop Files into the file browser or the Editor. This is available on both the Figma Desktop app and the Figma web app (browser-based). You can drag a file from a folder on your computer, or from your Desktop, right into Figma. Click Done to return to the file browser. Select the file(s) from the dialog window and click Open to start the import process.ĭepending on the file size this can take a couple of seconds to import. You can find this in the top section of any file page in the file browser. Tip! Learn more about supported Sketch features in our Import Sketch files article.Ĭlick the Import file tile in the file browser.
