Design System Graph - Analytics & Metrics

About this plugin

📈 Know how your design system is actually usedDSG is a desktop app for analyzing library and mockup files. It creates audits with a detailed dependency graph, tables, and metrics on usages, detaches, and overrides.Table View helps prioritize cleanup with usage metricsGraph View shows how files, components, styles, and variables connect across your system.Multiple projects and teams give the ability to select all files you needed.🔒 Local Data - your Figma data stays on your machine.⭐ Pro Plan Ready - works with any Figma plan.USE CASES🔗 Trace dependency chainsprimitives → semantic → component - dependency chain across variables/styles/component. Answer "what breaks if I change this?🎚️ Detaches & Overrides investigationFind most detachable and overriden components. Drill into all detached places and overriden props.🎯 Adoption reviews with team leadsTrack uses coverage, duplicate rate and unused-per-file/team. Walk into 1:1s with team leads with real numbers, not vibes.📈 Release Impact TrendsTrack detaches, duplicates, and unused components across audits to show how each release changed the system.🧹 Retiring dead mastersBefore archiving a component, style or variable, see every direct and nested consumer - or confirm nobody uses it.👥 Product team onboardingQuickly understand design system connections and dependencies without asking teammates.FEATURESI. Table View 📋See your design system as an evidence-based inventory. For components, styles, and variables, each row shows usage, unused, detach, and override counts so cleanup priorities are grounded in real data.Health metrics: Coverage, Detach Rate, Duplicate Rate, Component Override Index, Unused CountDrill down into every instance/binding behind each numberDirect Uses / Unused / Detaches / OverridesCompare periods to see health trends per assetSimilarity % catches detaches by the layer treeII. Graph view 🗺️Explore the library on a graph with arrows. Your library as a zoomable canvas - every file, page, section, frame, component, variant, group, variables or style.Cross-file adoption in a deep graph mapDirect / Copies / Detaches / Overrides edge togglesFocus any master and see its whole ecosystemSide inspector with adoption details for any selectionComponents, styles and variables on the same canvasIII. Audit ⚙️Tick checkboxes to include projects and files - your audit scope is ready in seconds. Scan unlimited files across up to 3 Figma projects.Checkbox selection at both project and file levelScanning runs automatically across every project file (variable library files are scanned by opening the plugin)New files added to the project join the next audit automatically🔑 Create a Figma PAT and start auditing immediately🔌 Run figma plugin to export local variables to the desktop app.HOW TO GET STARTED⬇️ Run the plugin and download for MacOS (Windows is coming soon)Generate and enter personal access tokenCopy & paste team link to select projects and filesFREE TRIALThe free trial is limited to 3 audits, up to 3 projects in 2 teams, all files inside them included.Need more time to explore? Contact our support team and get 10 extra audits for free. This offer is available to everyone until the end of September.LICENSEPay once, use forever! To purchase a license please visit our Product Page on Gumroad. 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]