Negative gaps, min/max sizing, and much more: What’s new in stacks?
Sketch has introduced support for minimum and maximum sizing constraints and negative gap values within its Stacks layout engine. These updates are part of the new Florence release.
Verified State Diff
Impact & Verification Analysis
UI/UX designers and design system maintainers using Sketch.
These features align Sketch's layout engine more closely with CSS Flexbox standards, reducing the need for manual adjustments and improving the fidelity of responsive design prototypes.
Full Fact Overview
The Florence update significantly expands the layout capabilities of Sketch's Stacks feature, which is the platform's implementation of flexbox-like auto-layout. By introducing min/max sizing, designers can now enforce responsive boundaries on elements, preventing overflow or excessive stretching. The addition of negative gaps allows for overlapping elements within a stack, a common requirement for complex UI patterns like avatar groups or layered cards that previously required manual positioning or workarounds.