Constraints Studio

Hello creatives and fellow designers today’s post is about the constraints studio/panel which is found within the transform studio in Affinity Designer for iPad. The constraints studio allows you to anchor elements to a particular position within other parent elements. This can also prevent the object with the constraints from being scaled when the parent is resized. Any vertical or horizontal scaling can be controlled independently and you can anchor the object from the top, bottom, left, or right.

These objects can be scaled and anchored differently depending on your needs and that will allow you to present different layouts quickly. This works really well when designing for UI.

Also bear in mind that constraints only work when using parent-child object relationships. This is the case because all the anchoring and scaling of the “child” element is always going to be dependent on the “parent” element (a.k.a. the container).

Inner/Outer Squares

The inner square represents the child element, while the outer square represents the parent layer/element (a.k.a. container).

Anchor

This is controlled from the inner square to the outer square. The grey dashed line implies that the object is not anchored in that direction, and solid lines show you where you do have the parent and child elements connected.

Scale

The scale is controlled by the arrows that you find within the smaller inner box. If the arrow is selected (represented by a solid white line and arrow) the object will scale in that direction. If it is not selected then the line and arrow will be grey and represented by a dashed line and will not scale in that direction.

Min-Fit

When this is selected the child element will scale so it always fits within the parent parent element (if unanchored).

Max-Fit

When this is selected the child element may scale; however it will be allowed to be bigger than its scaled parent element. However this could end up meaning that it is clipped from view.

So this my overview of the constraints section of the transform studio in Affinity Designer for iPad.

As always thank you for taking the time to read 💚. Know that I appreciate you and wish you all the luck in the world on your creative endeavors.

Till next time, Happy Designing 💚!