Go Back
How to Import a Sketch file to Figma
Figma

How to Import a Sketch file to Figma

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

Pierluigi Giglio
September 20, 2023

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

drag and drop a sketch file

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

import sketch file

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.

ABOUT THE AUTHOR
Pierluigi Giglio

Sr. UI/UX Designer and Consultant with over 10+ years of experience working with Fortune 500, large enterprises and funded startups. Having worked on hundreds upon hundreds of design projects, collaborated with 40+ clients from all around the world and taught design to thousands of students I am very grateful that I have the opportunity to give back to the design community and help other become better designers.

Enjoyed this read?

Stay up to date with the latest design news and cutting-edge softwares, sent straight to your inbox!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.