'%3E%3Crect x='-4.10352' y='0.1875' width='171.875' height='171.875' rx='85.9375' fill='%230C5238'/%3E%3Crect x='82.5566' y='-9.2085' width='133.93' height='133.93' rx='22.7014' transform='rotate(45 82.5566 -9.2085)' fill='%23F79CFF'/%3E%3Crect x='144.375' y='23.677' width='123.75' height='123.75' rx='61.875' transform='rotate(90 144.375 23.677)' fill='%23FF6D38'/%3E%3Crect x='106.562' y='26.198' width='119.396' height='48.125' rx='24.0625' transform='rotate(90 106.562 26.198)' fill='%23252525'/%3E%3Crect x='106.562' y='62.8645' width='48.125' height='48.125' transform='rotate(90 106.562 62.8645)' fill='%2312A720'/%3E%3Cpath d='M106.553 86.927L99.5232 103.942L82.5526 110.99L65.5819 103.942L58.5524 86.927L65.5819 69.9122L82.5526 62.8645L99.5233 69.9122L106.553 86.927Z' fill='%23FFFF00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3971_7584'%3E%3Crect width='165' height='92.8125' fill='white' transform='translate(0 0.1875)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A)
Import Sketch files
If you're using UI3, Figma's new design, some parts of this article might not match what you see in the product today. We appreciate your patience while we make updates. Learn more about Figma’s redesign →
Before you Start
Who can use this feature
Available on any plan
Anyone can import Sketch files to their drafts
Anyone with can edit access to a team can import Sketch files to that team
You can import Sketch files (.sketch) into Figma. When you import a file, it is converted to a Figma design file and any further changes made to the original file in Sketch will not be reflected in Figma.
Note If you’re using a beta version of Sketch, there may be discrepancies with how assets are imported into Figma. We recommend saving files using the latest version of Sketch before importing them to Figma.
If you only want to import individual assets from Sketch, you can also copy and paste the asset into a design file. Learn more about copying assets between design tools →
How Sketch features are converted in Figma
After importing a Sketch file, you’ll notice that existing Sketch features will have been converted to Figma features.
New to using Figma? Learn more about what to expect when moving from Sketch to Figma →
Artboards
Any artboards in the Sketch file will be converted to frames in Figma. Like artboards, frames are used to contain content but include some additional functionality. Learn more about working with frames →
Pages
Like Sketch, Figma supports having multiple pages within a single design file. Any page that exists in your Sketch file will be imported as a separate page within the design file.
You can navigate between pages using the Layers panel in the left sidebar. Learn more about using the Layers panel →
Symbols and libraries
When you import a Sketch file into Figma, any symbols included in the original file are converted to components in Figma. The Symbols page in the Sketch file will be imported into Figma as a page named “Symbols” that contains your main components. Learn more about working with components →
When you import a symbol library from Sketch, it is imported as a design file, not a library. If you’re on a paid plan, you can publish the components to a library after importing. This allows you to use the components across multiple design files. Learn more about publishing libraries →
Note: If you a import Sketch file that includes symbol instances, you’ll need to reconnect those instances to the main component after publishing the symbols to a library. You can do this either by swapping individual components or by performing a library swap.
Fonts
If your Sketch file uses custom or fonts stored locally on your computer, you will need to make those fonts available in Figma. If you’re using the Figma desktop app, all local fonts are accessible by default. If you’re using Figma in the browser, you’ll need to download the Figma font installer to access locally available fonts. Learn more about accessing local fonts →
If you receive a “Missing fonts” error message after importing a Sketch file, you’ll be prompted to update any affected text layers. Learn more about managing missing fonts →
Note: Figma does not support local fonts for devices running ChromeOS or Linux. Organization admins can upload custom fonts for members of the organization to use. Learn more about uploading custom fonts to an organization →
Styles
Styles are not retained during the import process. You will need to recreate any styles you used in Sketch after the file has been imported. Learn more about creating styles →
Import a Sketch file
You can import a Sketch file using the file browser or the editor.
Note: Attempting to import very large Sketch files may result in a failed import. To prevent this, consider splitting up the Sketch file into smaller files before importing.
Import a Sketch file using the file browser
- From the file browser, click Import at the top-right of the page.
- Click From your computer.
- Select the Sketch file you want to import and click Open. Depending on the file size, the import process may take a few moments.
- Click Done.
Note: You can also drag and drop files from your computer to import them to the file browser.
Import a Sketch file using the editor
- Click Main menu.
- Select File > New from Sketch file.
- Select a .sketch file and click Open.