Design System AutoLayout Toolkit - DesignOps

About this plugin

Padding Inspector- View all auto-layout frames with padding values (top, bottom, left, right)- Visual overview with quick navigationSelect Next Auto Layout- Cycle through auto-layout frames sequentially- Quickly jump between elementsCreate Padding Variables- Detect unique padding values in selection- Generate variables (e.g., padding-8, padding-16)- Customizable naming prefixApply Random Paddings- Assign randomized padding within a defined range- Control variation (0–100%)- Useful for organic layout explorationArrange Frames with Postfix- Auto-arrange selected frames- Add naming postfix (e.g., "Mobile", "Desktop")- Maintain consistent namingReplace HEX with Existing Variables- Scan fills, strokes, and effects- Match and bind to existing variables- No new variables createdFix Deleted Variables- Detect broken or missing variable links- Repair bindings to restore consistencyGenerate Variables from HEX- Extract all colors from selection- Create new variables automatically- Bind layers to new variablesFind Orphaned Instances- Detect instances without parent components- Track progress and total issuesRecompute Text Layout- Reload fonts and refresh text rendering- Fix layout issues after font changesAPI Test- Send test requests to custom endpoints- Debug and inspect responsesCRUD API- Read, update, delete, or select nodes via ID- Auto-fill IDs from selectionComponent Search- Search components by name or variant- Export results as JSONSelection to JSON- Export selected nodes as structured JSON- Includes hierarchy and metadata- Auto-updates with selection