Emily

Newly added Health Score! Get a health score on your design system and history to see if youve made any progress cleaning up any issues with your components.

Let’s be honest: designing the "Default" state is the fun part. The boring part? Duplicating that button 5 times to make the Hover, Focus, Pressed, Disabled versions, and etc. Plus typing out a "Spec Card" for the developers so they know the Disabled opacity is 40%. I built BiblioStates because I kept forgetting to add states which I am sure devs do not appreciate. How it works: Select any component (Button, Input, Checkbox). Click "Generate." Get component states and specs. Done.

Your design system might look fine… until it isn’t. Component Auditor runs a quick audit on your Figma files and calls out the weird stuff — duplicate components, off-brand tokens, detached instances, and more.