Tidy Frames

About this plugin

Choose your spacing and padding preferences, then instantly organize your canvas, section, or selection by running the plugin. Designed to help keep your canvas and sections tidy with minimal effort so you can spend less time organizing, and more time creating.

Quick Start Guide

1. Select nothing and run the plugin to organize items on the canvas into a grid.
2. Select a section and run the plugin to organize items within into a grid.
3. Select multiple frames/sections and run the plugin to organize them into a grid.

How To Use

1. With nothing selected, run the plugin to automatically rearrange all frames and sections on the canvas into a perfectly spaced grid based on their initial positions.
2. With a section selected, run the plugin to rearrange nested frames and sections into a grid based on their initial position. If configured, content will also relocate them to the top-left of the section with custom padding you choose.
3. With multiple frames and sections selected, run the plugin to automatically rearrange your selected frames and sections into a perfectly spaced grid based on their initial positions.

Configurations

1. Grid Spacing: Allows you to set the horizontal and vertical space you'd like between each frame/section.
2. Relocate Section Contents: With a section selected, nested frames and sections are tidied. Enabling this will also relocate them to the top-left of the section with custom padding you define.
3. Resize Section To Fit Frames: Similar to Figma's “Resize to fit” option, the selected section will be resized to fit all contents with equal padding on all sides after being tidied and relocated.
4. Minimum Section Width/Height: If enabled, sections will never resize below your configured minimum width or height. Sections will still increase in size if content cannot fit.

Buy Me a Coffee ->