<?xml version="1.0" encoding="utf-8"?>

Relationships between layers

Relationships between layers

Understanding the relationships between layers is key to managing complex designs efficiently. These relationships are described using terms like parent, child, and sibling, which reflect how layers are organized and interact with each other.

Layers can belong to 3 levels of hierarchy:

  • Parent layer: This is the main container or frame that holds other layers within it. Think of it as the parent in a family tree, where it supports and organizes the children (sub-layers).
  • Child layers: These are the layers contained within a parent layer. Each child layer can have its unique properties and can be moved or edited independently, but its overall positioning is relative to its parent layer.
  • Sibling layers: Sibling layers are on the same level of hierarchy, meaning they share the same parent. They can influence each other’s layout, especially when using features like Auto layout, but do not contain one another.

Improve your UX & Product skills with interactive courses that actually work