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 is animatable and can be moved easily to any location as illustrated in the figure below.
Anchor point in kite compositor
All geometric transformations occur at the anchor point. For example, specifying the anchor point value (0.5, 0.5) on a layer causes it to rotate or scale from its centre. If you change the anchor point to a new location, the scaling or rotation will occur at the new point.

Exploring ways to edit or move the anchor point.
You can:

  1. specify the location of the anchor point in the inspector when the layer is selected
  2. drag the anchor point to move it to a different location
  3. use the “Center Anchor Point” icon from the toolbar if you want to move it to the layer’s centre.

If you would like to see how to use the anchor point, you can watch my video below on YouTube.


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…

Kite Compositor

Importing from Sketch into Kite Compositor

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 Read more…