Related Videos

• Import files into Figma

  Before you Start

  Who can use this feature

  Users on Any plan

  Users with Anyone can import files into their Drafts

  Users with Edit access to a team can import files to a team

  New to importing? Check out our Getting Started with Imports guide.

  There are a few different ways to import files into Figma.

  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 Import Sketch Files article.

  1. Click on the Import File icon next to the New File button in the toolbar. You can find this in the top-right corner of any File page in the File Browser.

     

  2. Select the file(s) from the dialog window and click Open to start the import process.

  3. Depending on the file size this can take a couple of seconds to import. 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. This is available on both the Figma Desktop app and the Figma web app (browser-based).

  You can drag and drop Files into the File Browser or the Editor. Figma supports different file formats for each approach.

  File Browser

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

  Editor

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

  Add Files to Figma

  1. Open the page in Figma you want to add the file to. This could be the File Browser, or a specific Figma File.
  2. Locate and select the file(s) you want to import. These could be on the desktop or in a folder.
  3. Drag the file(s) over to Figma. A blue box will appear in Figma to show that your files are ready to import.
  4. Release your mouse to start the import process. Depending on the file size, this can take a couple of seconds.
  5. Once completed, click Done to return to the File Browser

  

• Import files from Sketch

  Before you Start

  Who can use this feature

  Users on Any plan can import Sketch files

  All users can import Sketch to their Drafts

  Users will need to have Edit access to import a Sketch file to a team

  You can import entire design files from Sketch (.sketch) into Figma. This will create a new Figma file from your Sketch import. 

  Any further changes you make to the original file in Sketch will not be reflected in Figma if you re-import the file, and vice versa.

  Want to import individual assets from Sketch? Check out our Copy assets between design tools article.

  Supported Sketch Features

  Figma supports and converts the following Sketch features:

  1. Pages
  2. Symbols
  3. Fonts
  4. Styles

  Pages

  Like Sketch, you can store multiple Pages within a single Figma File. Any pages that exist in your Sketch files will be imported as separate pages within the Figma File.

  You can switch between Pages from the Layers Panel on the left-hand side of the Editor. Learn more about viewing Pages in our Layers Panel article.

  Symbols

  When you import your Sketch files into Figma, any "Symbols" included in the Sketch file will be converted to Figma Components. The Symbols page in the Sketch file will be imported into Figma as a page named Symbols that contains your Master Components.

  If you're on the Figma Professional plan, these Components can then be published to your Team Library. This allows you to reuse those elements across multiple designs.

  Note: Sketch Symbol Libraries will be imported as a Figma File, and not as a Team Library. You may need to publish the Master Components to your Team Library after importing.

  Fonts

  If you have been using custom or locally stored Fonts in Sketch, these can also be supported in Figma. To make sure Text objects are imported correctly from Sketch, you need to ensure those Fonts have been made available to you in Figma.

  • If you are using the Figma Desktop app, you will be able to access any local fonts by default. You won't need to do anything further.
  • If you're using Figma in the browser, then you will need to download the Figma Font Helper to use any locally available fonts. 

  You will still be able to import Sketch files, but text objects may not be imported correctly. If this occurs, you will receive a "Missing Fonts" message in Figma. This will give you the opportunity to update any affected Text objects to another Font.

  Learn more about using Local Fonts and managing Missing Fonts.

  Using local fonts is not currently supported for Professional Teams using Linux or ChromeOS.  Linux and ChromeOS users can leverage Figma Organization, our enterprise tier, to access Shared Fonts within an Organization. Learn more about Figma Organization. 

  Styles

  Styles will not be added via the import process. Any Styles you have been using in Sketch will need to be created as Styles in Figma. Check out our Creating Styles article for more information on creating and adding Styles.

  Features 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.

  Import a Sketch file

  There are a few ways you can import your designs from Sketch:

  • Use the File Importer in the File Browser
  • Drag and drop .sketch files into the File Browser
  • Create a new File from a Sketch File
  • Copy and paste Artboards or layers from Sketch.

  New from Sketch File

  When you are in the Editor, you can create a new File from a Sketch file.

  1. Click on the menu icon in the top-left corner of Figma.
  2. Go to File > New from Sketch File:
     
     
  3. Select a .sketch file and click Open to import.

  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.
• Copy Assets between Design Tools

  Before you Start

  Who can use this feature

  Users on Any plan can copy assets

  Users with View access to a File can copy assets. Unless this setting is disabled.

  If you're working across multiple design tools, then you may wish to export or copy across objects, groups or entire Frames into another system.

  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 SVG files when moving between design tools.

  Import to Figma

  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, groups or entire artboards.

  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"
     • In Adobe XD, go to "File > Export > Export to SVG"
  4. Open the Figma File in the Editor.
  5. Paste the layers or SVGs into the Canvas.

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

  Export from Figma

  You can drag SVG files exported from Figma directly into both Sketch and Illustrator.

  For Adobe XD and Affinity Design users, use the Copy as SVG option in Figma to copy the layer or group, then Paste the SVG directly in the other tool.

  You can also export your Files from Figma to other tools in your workflow via our purpose-built integrations:

  • Zeplin and Figma
  • Principle and Figma
  • Dribbble and Figma

  Tip! Want to export or download an entire file from Figma? Head to File > Save as .fig file from the menu.