Feature

Save time and stay in your flow with Smart Layout

Set Smart Layout once and watch your designs automatically resize whenever you edit content, saving you hours of manual work.

Try Sketch for free Read the docs

Keep your designs in line with minimal effort. Smart Layout automatically keeps spacing and padding in place as you add, edit, resize and remove elements in your layout. Set it once and forget about manually measuring spacing or resizing containers ever again.

You can use Smart Layout with buttons, cards, menus, lists — you name it. Whatever you create will automatically adapt to changes while staying true to the rules of your layout. Setup is simple, too. You can do it all in seconds, and make changes on the fly, with keyboard shortcuts.

Smart Layout works great with even stacks, where you can also easily re-order layers and adjust their spacing, but it doesn’t stop there. Want to space your layers unevenly, place them side by side or overlap them? Smart Layout can also handle that, because tools shouldn’t hold you back.

Set resizing constraints along with Smart Layout to specify layout settings at a layer-level — great for creating responsive components. Plus, pause Smart Layout whenever you want and make any adjustments you need.

With Smart Layout, you can create fewer, more flexible Symbols to help keep your design system cleaner and more concise. Better still, you can control exactly how they’ll resize when your collaborators work with them, ensuring everything stays consistent.