Resizing constraints

Constraints allow you to decide how layers will behave when resizing its container.

Apply constraints

Constraints allow you to decide how layers will behave when resizing its parent container. You can apply horizontal and vertical constraints for every layer.

To apply constraints select a layer and use the constraints map or the constraints selectors at the design panel.

constraints

Constraints are set to “Scale” by default, but you have other options.

Horizontal constraints

  • Left: The object maintains its size and position relative to the left side of its parent container.
  • Right: The object maintains its size and position relative to the right side of its parent container.
  • Left & right: The object resizes while maintaining its distance to both horizontal sides of its parent container.
  • Center: The object maintains its size and position relative to the horizontal center of its parent container.
  • Scale: The object will horizontally resize proportionally to its parent container size.

constraints

Vertical constraints

  • Top: The object maintains its size and position relative to the top side of its parent container.
  • Bottom: The object maintains its size and position relative to the bottom side of its parent container.
  • Top & bottom: The object resizes while maintaining its distance to both vertical sides of its parent container.
  • Center: The object maintains its size and position relative to the vertical center of its parent container.
  • Scale: The object will vertically resize proportionally to its parent container size.

constraints