Stack Layout Hacks for Sketch

April 2, 2026 · View on GitHub

Stack Layout Hacks is a powerful productivity plugin for Sketch (Athens release and newer) designed to bridge the gaps in the native Stack Layout implementation. It provides advanced controls for bulk-managing stack properties, deep-toggling clipping behavior, and streamlining design system workflows.

🚀 Key Features

📋 Property Management

Copy & Paste Stack Properties: Copy full stack configurations (direction, spacing, wrapping, padding, sizing, and corner styles) from one layer and apply them to multiple targets.
Deep Padding Control: Forces individual padding mode (paddingSelection: 2) to ensure asymmetric values (e.g., Top: 6, Bottom: 0) are applied correctly.

✂️ Clip Content Controls

Bulk Enable/Disable Clip Content: Deeply traverse layer trees to enable or disable the "Clip Content" property on all nested Stacks within a selection.
Smart Logic: Uses native clippingBehavior keys to ensure UI consistency in the Sketch Inspector.

📐 One-Click Sizing Presets

Quickly set Horizontal or Vertical sizing for parents and all nested children:

Width: Set to Fill (children), Fit, or Fixed.
Height: Set to Relative, Fit, or Fixed.

📦 Quick Stack Creation

Separate Horizontal Stacks: Wrap each selected object (Text, Shape, Group, or Frame) into its own individual Horizontal Stack wrapper.
Separate Vertical Stacks: Wrap objects into individual Vertical Stacks using native flexDirection and axis parameters for 100% accuracy.

🚀 How it works?

Copy/Paste stack layout properties

Set the height of all elements inside the stack to Fit

Create independent horizontal/vertical stacks

Set the width of all elements inside the stack to Fill

Enable/disable stack clipping

🛠 Installation

Download the latest release of the plugin.
Double-click stack-layout-hacks.sketchplugin to install.

📖 How to Use

Copy & Paste Properties

Select a Frame or Group with an active Stack Layout.
Run Plugins -> Stack Layout Hacks -> Copy Stack Properties.
Select one or more target layers.
Run Plugins -> Stack Layout Hacks -> Paste Stack Properties.

Managing Clip Content

Select a top-level container and run Enable Clip Content or Disable Clip Content. The plugin will recursively find all nested Stacks and update their clipping behavior.

Individual Wrapping

Select multiple layers (e.g., several icons or text fields) and run Create Separate Vertical Stacks. Each layer will be wrapped in a new Frame named "Stack" with the vertical layout enabled.

⚙️ Requirements

Sketch 100+ (Athens Release) is highly recommended for full compatibility with modern MSFlexGroupLayout and Frame objects.

💎 Support the Project

If you find this plugin helpful, consider supporting its development:

Visit our store: WhiteUI.Store
Donate: Buy Me a Coffee
Sketch Plugins: See more Sketch Plugins

📜 Author

Created by WhiteUI.Store. Reach out for feedback or custom plugin development.