Framer Studio v115 First Look: Copy & Paste Designs from Sketch

Amos Gyamfi
CoreSwiftUI
Published in
2 min readMar 11, 2018

Framer Studio version 115 introduces the ability to copy and paste directly from Sketch into Framer. In this tutorial, we will take a broad look at this copy/paste feature with some examples.

At the time of writing this article, this feature supports copying and pasting artboards, groups, shape layers, text layers, symbols, boolean operations and paths. This feature becomes very useful for example, when you want to grab Sketch designs or UI kits from sources like Sketch App Sources into Framer.

Let’s take this copy/paste feature into use in the following.

  1. Copy and paste artboards from Sketch
Copy/Paste an Artboard

2. Copy and paste groups from Sketch

Copy/Paste a Group

3. Copy and paste text layers from Sketch

Copy/Paste a Text Layer

4. Copy and paste shapes layers from Sketch

Copy/Paste Shape Layers

5. Copy and paste symbols from Sketch

Copy/Paste a Symbol

6. Grab designs & UI kits for Sketch App Sources

Download Sketch designs, UI kits from Sketch App Sources, open in Sketch, copy and paste directly into Framer.

Grab a Design, UI Kite from Sketch App Sources & Paste in Framer

7. Copy & and Paste Shapes Created with Boolean Operations

Copy & and Paste Shapes Created with Boolean Operations

8. Copy & Paste Paths from Sketch

Copy & Paste Paths from Sketch

If you have 5 minutes, you can watch my YouTube video below which demonstrates this Framer copy/paste from Sketch feature.

I will update this article to include more examples whenever Framer updates or improves this feature.

--

--

Amos Gyamfi
CoreSwiftUI

iOS Developer Advocate @getstream.io | visionOS Content Creator