Figure 1: Leyer list in Sketch
After designing your interface in Sketch, you can easily bring your designs from Sketch into Kite Compositor using Kite’s native import feature. Although you can export images from Sketch and drag into Kite, the benefit of using the native Kite import feature is that it preserves all editable bezier paths as well as text layers.

If you have several pages in your Sketch document, it is only the active page that will imported into Kite Compositor. The figure below shows the layer list in Kite Compositor after importing from Sketch.

Figure 2: Leyer list in Kite after importing from Sketch

If you have 6 minutes, you can watch my video from youtube about importing from Sketch into Kite Compositor.


Digital designer based in Helsinki region (Espoo), Finland.

Related Posts

Kite Compositor

Prototyping iOS Sound Notification in Kite Compositor

Adding sound to user interface animation is an essential part of user interface prototyping. In this Kite video, I will demonstrate how to prototype an iPhone notification for messaging. Finally, I will show how to Read more…

anchor point in kite

Understanding the Anchor Point in Kite Compositor

In Kite, the default location of the anchor point is top-left with coordinate value (0, 0). The anchor point values increase as you move down and towards the right. The anchor point of a layer Read more…


Sketch: Drawing Simple Gear Icon

Using the polygon tool in Sketch, you can create a very simple gear icon. To do this, go to Insert -> Shape -> Polygon. Click and drag with the shift key down in order to Read more…