Constraints panel

The Constraints panel lets you control how objects are positioned and scaled when presented on different artboards and differently sized layouts.

About the Constraints panel

Constraints are useful when designing for different devices simultaneously—they are labour saving and preserve accuracy. Objects are selectively responsive to resizing and transforms.

The Constraints panel lets you prevent child objects from being scaled when its parent object is resized. Anchoring the child object to its parent is also possible. Both scaling and anchoring can be applied to top, bottom, right or left of the child object.

The Constraints panel is hidden by default. It can be switched on via View>Studio when working in Designer or Pixel Persona.

Constraints panel

The Constraints panel with top and right anchoring applied, horizontal scaling activated, vertical scaling deactivated, and Max Fit applied.

The outer box represents the container (parent object). The inner box represents the nested content (child object).


The following options are available in the panel: