Getting Started with Imports

Moving files between tools doesn't need to be painful. You can import a range of different file types into Figma. 

This includes entire design files from Sketch or Figma, as well as individual Image and Vector files.

In this article we will cover:

  1. Importing Methods
  2. Video Tutorials
  3. Frequently Asked Questions

Importing Methods

There are many different ways to import Files into Figma:

The best method will depend on what type of File you are wanting to import. The table below details which files are supported for each import method.

We also recommend checking out the following articles for more information:

^ Importing GIFs

Most browsers do not support copying animated GIFs to your clipboard. If you copy a GIF directly from the browser and paste this into Figma, it will result in a static image. We recommending downloading a copy of the GIF to your computer, before adding it to Figma.

* Importing Vectors

You can import Vectors via a couple of different methods:

  • Importing vectors as Sketch or Figma Files.
  • Exporting vectors as SVGs and importing them into Figma.
  • Copying layers in other design tools and pasting them in Figma.

Exporting and importing Vectors often requires conversion. Depending on the quality of the exporter/importer, this can often be a lossy process. As SVG is a lossless format, we recommend exporting SVG files.

Note: SVG Symbol, marker and clipPath elements are not currently imported.


Using the File Importer

The File Importer allows you to select local files from your Computer and import them to your File Browser.

You can use this to method to import:

  • Sketch Files (.sketch). 
  • Figma Files (.fig)
  • Image Files (PNG, JPG or GIF)

Tip! Learn more about supported Sketch features in our Importing Sketch Files article.

  1. Click on the Import File icon, next to the "+" in the toolbar:
  2. Select the file(s) from the dialog window:
  3. Click Open to start the import process. Depending on the file size this can take a couple of seconds to import.
  4. Click Done to return to the File Browser.

Drag and Drop Files

You can drag a file from a folder on your computer, or from your Desktop, right into Figma. 

You can do this in both the Figma Desktop app and the Figma web app (browser-based).

You can drag and drop the following files into the File Browser:

  • Figma Files (.fig)
  • Sketch Files (.sketch)
  • Image Files (PNG, JPG or GIF)

You can drag and drop the following files into the  Editor:

  • Vector Files (SVG)
  • Image Files (PNG, JPG or GIF)

Add a File to Figma

  1. Select the file(s) you wish to import.
  2. Drag the file(s) over to Figma. A blue box will appear within Figma to show your files are ready to import.
  3. Release your mouse to start the import process. Depending on the file size, this can take a couple of seconds.
  4. Once completed, click Done to return to the File Browser.


Copy and Paste

The best way to import high-fidelity designs into Figma is via SVG. You can import SVG elements from other design tools by copying them and pasting them in Figma.

This allows you to bring across icons and graphics, as well as layers, artboards and groups.

  1. Open the tool you want to select your layers from.
  2. Select the elements you want to copy.
  3. Copy the elements to your clipboard:
    • In Illustrator, select "Copy"
    • In Sketch, select "Copy as SVG"
    • In Figma, select "Copy"
  4. Open the Figma File in the Editor.
  5. Paste the layers or SVGs into the Canvas.

Video Tutorials

Check out this easy to follow Video Tutorial about Importing and Exporting:


Frequently Asked Questions

We've put together some tips for troubleshooting the most common importing errors.

File Size

If you are working with large file sizes in Sketch, especially files with multiple pages and lots of images, then you may encounter issues importing these into Figma.

If files look to be loading for extended period of time, or images can't be viewed in the imported file, we recommend breaking up the original Sketch file into smaller files before re-importing.

Missing Fonts

If you're using Figma in the browser then you will need to download the Figma Font Helper to access any locally available fonts. 

The Figma Desktop app will already have access to local fonts by default.

Learn more about managing missing fonts in our Working with Fonts article.

Features or properties not supported

If you are seeing error in the console log regarding unsupported features or properties, then it may mean you are using an outdated version of Sketch.

We recommend updating to the latest version of Sketch before saving the file and re-importing into Figma.

Sketch Beta 

If you are using a beta version of Sketch, particularly a version that has been updated recently, there may be discrepancies with how we handle things behind the scenes.

We aim to respond to changes as soon as possible, but let us know if you're having any trouble importing files from a Sketch beta version.

If you are still having issues importing files, we'd love to help! Contact the Support team by clicking the "?" icon in the bottom-right corner of the Figma app and selecting "Get Help". Or, send an email to support@figma.com.

To allow us to troubleshoot any issues faster, please include:

  • Screenshots of any error messages
  • The output of any errors in the Console log. 
  • We may also need access to the original file to troubleshoot further.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.