Skip to main content
Question

Anchor Edge for Manual Resize

  • August 4, 2026
  • 0 replies
  • 1 view

Richard Bailey

Problem

When a layer has constraints set to Bottom (MAX), the constraint only takes effect when the parent is resized. If you manually change the layer's height in the properties panel, the top-left origin is used — the layer grows downward, and the bottom edge shifts.

This creates an asymmetry with the Left/Top (MIN) constraint. A layer pinned to the left at x=0 naturally stays in place when you change its width — x=0 doesn't need to move. But a layer pinned to the bottom at y=720 (in a 1080px parent) does need y to recalculate when height changes, and currently it doesn't.

Expected behavior

When I set a layer's constraint to Bottom, changing its height should keep the bottom edge fixed and grow upward (y = parentHeight - newHeight). The same logic should apply to Right for width changes.

Current workaround

The only way to achieve this today is to wrap the layer in an auto-layout frame with a spacer above it. This adds unnecessary complexity to the layer tree for what should be a single-property behavior.

Proposed solution

Add a "resize anchor" or "transform origin" option per layer that determines which edge stays fixed during manual resize:

  • Top-left (current default): x and y stay fixed, size grows right/down
  • Bottom-left: bottom edge stays fixed, height grows upward
  • Top-right: right edge stays fixed, width grows leftward
  • Bottom-right: both bottom and right edges stay fixed
  • Center: grows equally from center

This could be tied to the existing constraints UI — if a layer is constrained to Bottom, manual resize should respect that anchor automatically.

Use case

Template components where a decorative/background element sits at the bottom (or right) edge and needs occasional height tweaks without breaking its alignment. Currently you either accept the drift and manually fix y, or over-engineer the component with auto-layout + spacers.