Importing Sketch Files
Moving files between tools doesn't need to be painful. With our Sketch importer you can quickly import any of your files from Sketch into Figma.
In this article we will cover:
Importing a Sketch File
You can import a single Sketch file, or select more than one file to import at once. There are a few ways to do this.
Drag and Drop
You can drag a Sketch file from a folder on your computer, or from your Desktop, right into Figma. You can do this in the browser or in the Figma Desktop app.
- Select the file(s) you wish to import.
- Drag the file(s) over to Figma. A blue box will appear within the Figma app/browser to show your files are ready to import.
- Release your mouse to start the import process. Depending on the file size, this can take a couple of seconds.
- Once completed, click Done to return to the File Browser.
Import the File
You can also use the Import File icon to select Sketch Files to import into Figma.
- Click on the Import File icon, next to the "+" in the toolbar:
- Select the file(s) from the dialog window:
- Click Open to start the import process. Depending on the file size this can take a couple of seconds to import.
- Click Done to return to the File Browser.
Copy and Paste
You can also import designs by copying them from Sketch and pasting them in Figma.
- Select the elements you want to copy in Sketch.
- Use the Copy as SVG function to copy the SVG(s) to your clipboard.
- Paste the SVG(s) into the canvas in Figma.
What Features are Supported?
Like Sketch, you can store many Pages within a single Figma File. The import process ensures you keep your page structure from Sketch.
You can switch between Pages from the Layers Panel on the left-hand side of the Editor.Learn more about viewing and using Pages in our Layers Panel article.
The import process will import any Symbols included in the Sketch file as Components. To help identify Master Components, we add these to a separate page in the File called "Symbols".
When you publish Components to your Team Library, you can reuse them across your designs. Publishing Components is only available to Professional teams.
Learn more about Components in our Using Components and Instances article.
If you have been using custom or local Fonts in Sketch, you can continue to use these in Figma.
If you are using the Figma Desktop app, you will already be able to access any local fonts by default. You can find these alongside the web fonts in the Font Picker.
If you're using Figma in the browser, you will need to download the Figma Font Helper. This allows you to access any Fonts already installed on your computer.
Learn more about downloading and using local fonts in our Working with Fonts article.
Local fonts are not currently supported on Linux or ChromeOS.
Text objects using local fonts are still imported on Linux or ChromeOS. If you try to edit a text object that uses a local font, you will receive a "Missing Fonts" message in Figma. This will prompt you to update any affected Text objects to another Font.
Learn more about managing Missing Fonts in our Working with Fonts article.
Figma Organization supports accessing Shared Fonts within an Organization. This allows Linux and ChromeOS users to access fonts shared within an Organization. Learn more about Figma Organization in our Getting Started article.
We've put together some tips for troubleshooting the most common importing errors.
- Missing Fonts: To access local fonts in the browsers, you will need to download the Figma Font Helper. The Figma Desktop app will have access to local fonts. Learn more about managing missing fonts in our Working with Fonts article.
- Large files or images: If you are working with large file sizes in Sketch, you may encounter issues when importing. This includes files with many pages or images. We recommend breaking up large Sketch files into smaller files before importing. Especially if the import process hangs, or you can't see images within files.
- Features not supported: You can use the console log to identify import errors. An "unsupported features or properties" message usually indicates an outdated version of Sketch. We recommend updating to the latest version of Sketch before importing into Figma.
- Sketch Beta: If you are using a recent version of Sketch Beta, you may encounter issues. Please let us know if you're having any trouble importing files from Sketch Beta. We aim to respond to Sketch Beta changes ASAP.
If you are still having issues importing files from Sketch, 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 firstname.lastname@example.org.
We encourage screenshots of error messages or console logs, to aid troubleshooting. Please note that we may need access to the Sketch File to troubleshoot further.