sketch · HeyBraza shows you
how to use stacks in sketch
HeyBraza points at the inspector's padding and alignment controls so your stack resizes the way you expect.
stacks are sketch's auto-layout - added in the athens update to replace the old smart layout - and they let a button or card grow and shrink with its content. if you know auto layout in figma, this is the same idea. here's how to build your first one.
short answer
select the layers and press cmd-l - sketch turns them into a stack with an automatic layout. set direction, padding and gap in the inspector, and use 'ignore stack layout' on any layer that should sit outside the flow.
or do it yourself
- 1draw a rectangle, then add a text layer on top of it.
- 2select both layers and press cmd-l - sketch turns them into a stack and applies a sensible layout automatically.
- 3in the inspector, set the direction (horizontal or vertical) and adjust padding and gap, or drag the padding handles right on the canvas.
- 4drag an icon into the stack - it joins the flow and the stack resizes to fit.
- 5need one layer to sit freely (like a close button)? select it and turn on 'ignore stack layout' in the inspector.
steps last checked
let HeyBraza do this with you
HeyBraza teaches you software while you're using it. hold a key and ask out loud - an ai tutor that sees your screen walks you through every step in real time, pointing and highlighting on your real work, talking you through it as it goes - not someone else's tutorial.
downloadcommon questions
where did smart layout go in sketch?
stacks replaced it in the athens update - smart layout still exists under 'arrange' > 'smart layout (legacy)', but stacks are the new, more flexible system.
what's the shortcut to create a stack?
select your layers and press cmd-l; sketch wraps them in a stack and guesses the most logical layout settings.