In this guide we will show you how you can easily import a Sketch file to Figma.

You can do this in two ways:

1. Drag and drop method
2. Import method

Drag and drop method

This is a simple process that can be done quickly by following these steps:

1. Go to your home page on Figma
2. Click on drafts on the left columns
3. Open your file browser as an overlay on Figma (like you see in the image below)
4. Search for your sketch file
5. Drag and drop it on top of your Figma drafts

‍

Import method

This is another method that allows you to easily import a sketch file in figma, just follow these steps:

• Open a figma project
• Click on the Figma menu icon on the top left
• Click on the File. This will open an overlay.
• Click on “New from sketch file” displayed on the overlay
• Select the Sketch file to import it

‍

‍

N.B. One thing you must know is that your sketch files will remain the same when moved to figma.

What to expect when moving from Sketch to Figma

When moving from sketch to figma, you’ll need to get accustomed to changes in names of functions. These are two important changes to take note of:

• Artboards to Frames
• Symbols to Components

If you want to learn more about the differences between these two softwares, please check the video below as it will give you an overview of the key differences and features when moving from Sketch to Figma in just 3 minutes:

‍

‍

Artboards to Frames

In sketch the pages displayed on the Layer panel on the left are called Artboards. In figma this pages are called Frames.

To create new frames in figma, use the short cut “F” on your keyboard.

Symbols to Components

Figma has a “Components” function akin to Sketch’s “Symbols” feature.

When you migrate from Sketch to Figma, your symbols will be converted into components, and a dedicated page will be generated to organize these new components within the file.

To turn a selected object into a component, press:

• Ctrl + Alt + K (Windows)
• Cmd + Option + K (Mac)

N.B. Fonts from Sketch are transferred to Figma if available in Figma’s font catalog. Missing fonts may trigger an error; resolve this by importing new fonts into Figma and using “Replace fonts” for text updates.

Overall, switching from Sketch to Figma can be a smooth transition, as both design software tools share many similarities while offering their unique features.

The most crucial step is to familiarize yourself with Figma's interface and learn the basics of Figma, which we can surely help you with.

We hope that this guide was useful and if you want to learn more about Figma please check out our recent articles.

‍