Design System Organizer

About this plugin

Easily reorganize giant design systemsFeaturesI. Extended swap for variables, styles and componentsII. Copy variables and styles between files and collectionsIII. Manage components, styles and variables with folder-like interface (all in one place)Cases🚚 Transfer styles and variables between files/collections while preserving all internal references to other variables🔁 Batch swap nested variables inside styles and variable collections📦 Import .fig design system files and restore all connections between variables, styles, and components after the move🔗 Combine scattered design system files (e.g., colors, typography, components) into a single unified DS file✂️ Split a monolithic design system file that takes too long to open into separate modular files (by platform, brand, or architectural layer)📄 Swap local dependencies inside a single file for variables, styles, and components (e.g., swap nested variables between collections in the same file)🌳 Batch Swap overrides for nested instances and layers► Complete Video Guide◇ Playground FileI. Extended swap libraries for 🚀 variables, styles and componentsCompared to native Figma swap librariesFeature | DSO | Figma-----------------------------------------------------------Restore linking for imported .fig files | ✅ | ❌Swap variable inside styles & other variables | ✅ | ❌Combine 3 files into 1 DS file or split 1 large | ✅ | ❌Select specific pages or layers to swap | ✅ | ❌Swap between local folders & collections | ✅ | ❌Iterate all nested instances & overrides | ✅ | ❌Fast Processing Speed | ❌ | ✅How to?Step 1: Go to new target library file select master variables, styles or components and click "Mark as Swap Targets" (Cmd+A to select all)Step 2: Go to "Instances" file, select apply region and click "Swap"Apply region: Layers, Styles, Variables (all or selected)[✔️] Iterate nested instances & overrides► Video GuideII. Copy variables and styles between files and collections✅ Save aliases to local and remote variables✅ Copy variables between collections✅ After copying you can do a swap librariesBetween filesStep 1: Navigate to File A. Select items and click "Export" (Cmd+A to select all)Step 2: Navigate to File B and click "Import"Between collectionsStep 1: Select varibales, select "MoveTo" and choose collection to move (or use drag & drop)Step 2: Confirm "Duplicate" action in the Figma alert☝️You will need to republish the variables/styles and then swap variables/styles in the design files☝️To save external variable aliases connect library before import☝️To save local variable aliases copy them before or all together☝️All font used in styles need to be detected by Figma⛔️ Color styles with filled image are not supported yet► Video GuideIII. Manage components, styles and variables with folder-like interface✅ Quick jump to component somewhere on pages from library tree (one click)✅ Duplicate items, groups and collections✅ Manage library tree for components (like styles and variables in Figma)✅ Manage component path names like "toolbar/nav/back" using folder-like interface (useful for huge libraries where used "/" in component names)More features:1. Rename2. Group / Ungroup3. Move to (drag & drop)4. Duplicate5. Deleteℹ️ Some parts of the video-tutorials might not match what you see in the product today. We appreciate your patience while we make updates.► Video GuideADDITIONALLY✅ Right click context menu ✅ Quick shortcutsSHORTCUTS→ Multiple selection: Cmd/Ctrl + Item click→ Select range: Shift + Item click→ Select all: Cmd/Ctrl + A→ Rename: R→ Group/Ungroup: G/Ufind more in context menuFREE PLANThe free plan is limited to 8 uses to swap components, styles, or variables, and 8 export/import style operations. During the trial period, the ability to select is limited to 30 items.LICENSEPay once, use forever! To purchase a license please visit our Product Page on Gumroad. You can pay by card or PayPal. Feel free to contact us if you need a discount for any reason. FEEDBACKIf you have a great idea feel free to contact us by email [email protected]. You can also use this email to report suspected bugs in DSO plugin.