Component Guardian

About this plugin

Component Guardian helps design system maintainers identify breaking changes before publishing component updates. It captures a baseline snapshot of your components and compares against it to detect issues that could break existing instances—like removed properties, deleted variants, or conflicting variant configurations that prevent publishing.How to UseCapture a baseline – Open your component library and click "Capture Baseline" to snapshot the current state of all componentsMake your changes – Edit components as neededScan for breaking changes – Click "Scan for Breaking Changes" to compare against the baselineReview and fix – Issues are listed with severity indicators; click the target icon to navigate directly to the problem componentRecapture – After intentionally making breaking changes, recapture the baseline for future comparisonsCore FeaturesBaseline snapshots – Save the current state of all components in your fileBreaking change detection – Automatically detect removed components, deleted properties, changed property types, and removed variant optionsValidation checks – Catch Figma errors like conflicting variants that prevent library publishingNavigate to issues – Click any issue to jump directly to the affected componentConfigurable scans – Toggle property and layer checking, adjust scan depthResizable window – Drag to resize the plugin window to fit your workflowKey BenefitsPublish with confidence – Know exactly what's changed before your updates go livePrevent broken instances – Catch issues that would break existing component instances across your team's filesSave debugging time – No more hunting for why instances broke after a library updateCatch Figma errors early – Detect validation issues like conflicting variants before attempting to publishCommunicate changes clearly – Understand the full scope of breaking changes to communicate with consumers