Organizer

About this plugin

Section OrganizerOrganizer is a powerful utility plugin that automatically arranges and organizes elements within Figma sections. Whether you're working with sections containing multiple frames, components, component instances, or component variants, this plugin helps you maintain clean, consistent layouts with customizable spacing and padding.SMART SECTION ORGANIZATION- Automatically organizes children elements (frames, sections, component sets, components, and instances) within a selected section- Intelligently groups elements by X-coordinate to maintain column structure- Elements with similar X-coordinates are stacked vertically, while different columns are arranged horizontally- Preserves empty spaces in your layout—no unwanted element shiftingCOMPONENT SET & VARIANT SUPPORT- Organize Component Sets: Select a component set (variants) and organize all variants within it using the same smart layout logic- Wrap Elements in Sections: Create a new section from selected elements and automatically organize them- Full support for component sets, variants, and mixed selectionsFLEXIBLE ELEMENT ARRANGEMENT- Select multiple elements to arrange them horizontally on the same Y-coordinate- Perfect for quickly aligning groups of elements without manual positioning- Works with frames, sections, component sets, components, and component instancesCUSTOMIZABLE SPACING- Set your preferred gap value (horizontal spacing between elements)- Configure padding (distance from section edges and starting position)- Gap and padding values persist across your Figma session- Gap-based tolerance ensures consistent grouping regardless of spacing sizeAUTOMATIC SECTION RESIZING- Automatically resizes sections to fit organized content with proper padding- Ensures all elements maintain consistent spacing from section edges- No manual resizing needed—the plugin handles it for youSTREAMLINED WORKFLOW- Three simple commands: Organize, Wrap in a section, and Set gap, padding…- Organize command runs silently without UI for quick organization- Set gap dialog automatically organizes if a section or multiple elements are selected- Modern, clean UI with helpful descriptions for each settingHOW TO USEORGANIZE A SECTION- Select a section containing frames, components, or instances- Run the Organize command from the plugin menu- Elements are automatically arranged based on their X-coordinate groupingORGANIZE A COMPONENT SET (VARIANTS)- Select a component set containing multiple variants- Run the Organize command- All variants are organized within the component set using the same smart layout logicWRAP ELEMENTS IN A SECTION- Select multiple elements (frames, sections, component sets, components, or instances)- Run the Wrap in a section command- A new section is created containing all selected elements, automatically organized with your preferred spacingORGANIZE MULTIPLE ELEMENTS- Select multiple elements (frames, sections, component sets, components, or instances)- Run the Organize command- Elements are arranged horizontally on the same Y-coordinate with your set gap spacingCONFIGURE SETTINGS- Run Set gap, padding… to open the settings dialog- Adjust gap (horizontal spacing between elements)- Adjust padding (distance from edges and starting position)- Click Save and organize if a section/elements are selected, or Save to just update settingsUSE CASES- Organizing design system components within sections- Arranging UI elements in consistent grid-like layouts- Maintaining column-based layouts with proper spacing- Quickly aligning multiple selected elements- Creating structured, professional layouts with minimal effort- Organizing component variants within component sets- Wrapping scattered elements into organized sectionsSection Organizer saves you time by automating the tedious task of manually positioning and aligning elements, letting you focus on what matters most—your design.