Importing from Sketch

You can import your Sketch designs into Framer using Framer's Sketch Copy & Paste.

From the Dashboard

To import a Sketch project from the dashboard, click Import at the top-right of the screen, then click on Sketch. This will create a new project and open the Sketch Copy & Paste window in the new project.

From the Editor

To import a Sketch project from the Editor, click on the Menu > File > Import from Sketch. This will open the Sketch Copy & Paste window in the current project.

Framer Tools

Importing from Sketch uses your computer's Copy and Paste. To make this work, you will first need to install the Framer Tools application.

If you haven't already installed Framer Tools, you can download it from the Sketch Copy & Paste window by clicking on Download. Unzip the downloaded file and open the Framer Tools application.

Note: If you already have the Sketch application open, you will need to quit Sketch and open it again.

Importing

Once you have Framer Tools running, open your Sketch project and select the layers that you would like to import. Press ⌘ + C to copy these to your clipboard.

Back in Framer, press ⌘ + V to paste your Sketch layers into Framer.

Tip: If your layers from Sketch are coming into Framer as a flattened image, double check that you have the Framer Tools application running and that your Sketch Plugins menu shows the Framer Pasteboard plugin enabled.

Support

When you import from Sketch, Framer will your Sketch layers into their corresponding Framer layers. While Framer supports most of Sketch's features, you may find that certain features do not import correctly. These features are not yet supported:

  • Radial gradients
  • Angular gradients
  • Nested symbols

Note: Though nested symbols will be copied over as layers, they will not be copied as Design Components. To turn nested symbols into Design Components, select the symbol's parent (the Frame that contains all of the symbol's layers) and press ⌘ + K.

Our team is working to expand support for these features in the future.