Resize to fit
The Ultimate Padding, Grid, and Tidy-Up Assistant.
Plugin Preview
About this plugin
Tired of manually calculating pixels, constantly grouping/ungrouping, or wrestling with broken Auto Layout grids?Resize to Fit is your all-in-one layout engine. It gives you absolute control over Padding, Gaps, and Grids for any Frame, Section, or Auto Layout in just a few clicks. Going far beyond simple "resizing", this plugin acts as a powerful Tidy Up & Sorting tool that elegantly solves the limitations of Figma's native features.------✨ CORE FEATURES📐 1. Smart Padding ControlIndependent or Synced: Dial in exact values for Top, Right, Bottom, and Left, or toggle Sync Paddings to apply uniform spacing across all sides.Auto Layout Magic: Automatically switches Auto Layout parents to 'Hug Contents', ensuring the container perfectly embraces the elements inside.Inside-Out Calculation: For standard Frames/Sections, it calculates the precise bounding box of all child layers and resizes the parent frame to perfectly match your desired padding.🧩 2. Grid & Tidy Up Magic (Supports Mixed-Size Objects!)Instant Organization: Transform a messy pile of layers into a pixel-perfect Grid or List by inputting Gap X and Gap Y.Auto or Manual Columns: Leave Columns as "Auto" to let the plugin intuitively guess the structure, or force a specific grid (e.g., input 3 for a strict 3-column layout).Flawless Auto Layout Wrapping: When you set a column count for an Auto Layout, the plugin activates 'Wrap' and calculates the exact Fixed Width required for the parent frame—even if the child layers have completely different sizes. No more awkwardly broken grids!🗂️ 3. Advanced Sorting Algorithms (8 Modes)Take total control over the visual order of your elements with a sleek, native-feeling dropdown menu:👁️ Smart (Visual): Sorts intuitively from top-left to bottom-right based on actual canvas coordinates.📑 Layer Panel (Top-Bottom / Bottom-Top): Aligns elements strictly with your left-hand Layer panel order.🔤 Alphabetical (A-Z / Z-A): Perfect for organizing Component lists, Icon sets, or Avatars by layer name.📏 Area Size (Large-Small / Small-Large): Sorts elements by their total area footprint.🎲 Shuffle (Random): Completely randomizes positions—ideal for generating Logo Walls or intentionally chaotic patterns.⚡ 4. Built for Pro WorkflowsMath Input: Type simple equations directly into the input fields (e.g., 100/2 or 16*3).8pt Grid System Support: Bump values up or down in multiples of 8 using Shift + Up/Down Arrows.Native UI/UX: Feels exactly like Figma. Updates its states in real-time as you change your selection on the canvas.📖 HOW TO USESelect one (or multiple) Frames, Sections, Components, or Auto Layouts.Run the Resize to Fit plugin.Input your desired Padding, toggle Tidy Up to tweak Gaps/Columns, and pick your preferred Sort order.Hit Apply and watch the layout snap into place perfectly!📣 RELEASE NOTES (v1.0.0)🚀 Initial Release!Added Smart Padding calculation for both standard Frames and Auto Layouts.Introduced Hybrid Logic for Auto Layout Grids (automatically calculates Fixed Width for perfect Wrapping with mixed-size elements).Added Custom Sorting Dropdown featuring 8 advanced algorithms (Visual, Layer order, Alphabetical, Size, and Random Shuffle).Implemented live selection tracking and full Math Input support.------💬 FEEDBACK & SUPPORTWe built this to supercharge your workflow. Have an idea for a new feature or found a bug? Click the Feedback button directly inside the plugin UI to let us know!
Plugin Details
| Version | 1 |
|---|---|
| Created | March 24, 2026 |
| Last Updated | March 24, 2026 |
| Category | File organization plugins |
| Creator | 🪅 Hoàng Giang |
| Stats | 8 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the File organization plugins category.