Auto Layout Manager

About this plugin

A Figma plugin for managing and applying auto layout styles across your designs, with intelligent variable binding that respects Figma variable scopes.🎯 Plugin Goal:This plugin streamlines the process of:Creating and organizing auto layout style variants** across projectsApplying Figma variables** to spacing, padding, and corner radius propertiesMatching variable values** to automatically bind variables from local files or shared libraries.Variable Scope DetectionThe plugin uses strict scope-based filtering to show only relevant variables:gap (auto layout) such as padding ( top, right, bottom, left ).radiusFeatures📁 Project ManagementCreate multiple projects to organize your stylesImport/export projects as JSON for sharing or backupSwitch between projects easily from the library view📐 Group StylesOrganize variants into named groups (e.g., `card`, `button`, `input`)Expand/collapse groups to navigate large librariesRename and delete groups with edit/trash buttons🎨 Variant PropertiesEach variant stores these auto layout properties:Direction: Horizontal or Vertical layout flowAlignment: Start, Center, End, or Space BetweenGap: Spacing between child elements (with variable binding support)Padding: Individual values for Top, Right, Bottom, Left (with variable binding)Corner Radius: Individual values for TL, TR, BL, BR corners (with variable binding)🔗 Variable BindingsBind any numeric property to Figma variablesScope-aware filtering: Gap/Padding and RadiusVisual indicator when a property is bound to a variableEasy removal of variable bindingsSupport for both local file variables and shared library variables⚡ Quick ActionsConfigure up to 5 quick action slotsAssign any variant to each slotApply styles instantly with numbered action buttons (1-5)Searchable dropdown to find variants quickly🔄 Apply Variable (Figma Action)Automatically finds and applies variables that match your frame's current property values:Select a frame with auto layout propertiesRun "Apply Variable" from the plugin menu or Figma ActionsChoose source: This file (Use variables from the local file), Shared Library: Browse enabled team libraries.Multi-select support: Select multiple library collections at onceAuto-apply: Variables with matching values are automatically bound to properties.🔄 Create Styles from FramesTo create a variant from a selected frame, name the frame using one of these formats:With Project (recommended):project: group/variantExamples:`MyApp: card/small` - Creates "small" variant in "card" group within "MyApp" project`Website: button/primary` - Creates "primary" variant in "button" group within "Website" projectThen run Create Style from Selection from the plugin menu.