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🗂️ Built for Scale - handles 100+ Figma filesUSE CASES🔎 Find Every Use Of A Token
Pick Gray 100, layer-01, a style, or a component, trace every dependency across the system, and open the exact Figma frame when you need proof.🧩 Inspect Component VariantsOpen Button, Text Input, Data Table, or any component, see which variants are actually used, and drill down to the exact Figma instance.📦 Audit What A Product File Uses
Select a product file and see which components, styles, and variables it consumes, including rare one-off usage and local dependencies.🧹 Remove Unused Components Safely
Sort components, styles, and variables by unused items, then confirm a master or variant has no direct or nested consumers before deleting it.🔓 Investigate Detached Components
Find the components people detach most often, open each detached copy in Figma, and decide whether it needs a new variant or a usage fix.🎛️ Review Overrides On Instances
See which instance properties are overridden, from fills and padding to content and layout props, then inspect the real instance in Figma.🧭 Map Variables, Styles & Components
See how primitives, semantic variables, styles, component variants, nested components, themes, and modes connect when you inherit a large system.🎨 Find Color Copies And Near-Duplicates
Detect exact color copies and close visual matches across variables and layouts, then open real Figma usage before merging or replacing them.📈 Measure Release Impact
Compare audits over time to see whether a release increased coverage, reduced detaches, or created new override hotspots.👥 Run Adoption Reviews With Team Leads
Bring coverage, detaches, overrides, duplicates, and unused counts into team reviews, with exact Figma frames behind every adoption gap.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]