Design System Organizer

Easily reorganize and analyze giant design systems🆕 Check out our new Design System Graph app for analyzing library and mockup files. It creates audits with a detailed dependency graph, tables, and metrics on usages, detaches, and overrides.

FeaturesI. Extended swap for variables, styles and componentsII. Copy variables and styles between files and collectionsIII. Manage components with folder-like interface. All in one place for comps, styles & variablesCases📄 Swap local variables, styles, and components within one file (e.g., swap variables between collections in the same file)🚚 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 from another account and restore all connections between variables, styles and components✂️ Split a monolithic design system file that takes too long to open into separate modular files (by platform, brand, or architectural layer)🔗 Combine scattered design system files (e.g., colors, typography, components) into a single unified DS file🌳 Swap overrides for nested instances and layers► Complete Video Guide◇ Playground FileI. Extended swap libraries for 🚀 variables, styles and componentsCompared to native Figma swap libraries:

✅ Selectively apply scope: selection, current page, or all pages✅ Swap variables inside styles and other variables✅ Iterate through all nested instances and overrides✅ Swap by name only, not just by full path✅ Restore links for imported .fig files from another account✅ Split a single file into several library files❌ Does not work very fastHow 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 dso-support@floweare.com. You can also use this email to report suspected bugs in DSO plugin.