Design System Maturity Audit
Identify gaps in your design system. Check off implemented items to calculate your maturity score.
Maturity Score
0%
Nascent
Just getting started. Focus on tokens first.
Get the Component Checklist
Receive our comprehensive CSV checklist of 200+ component states and edge cases.
No spam. Unsubscribe anytime.
Foundations (Tokens)
Color Palette (Primary, Secondary, Semantic)
Typography Scale (Headings, Body, Mono)
Spacing/Sizing Scale (4px/8px grid)
Responsive Breakpoints
Elevation/Shadows
Core Components
Buttons (Variants, Sizes, States)
Form Inputs (Text, Select, Checkbox)
Layout Primitives (Box, Stack, Grid)
Overlays (Modal, Tooltip, Toast)
Navigation (Tabs, Breadcrumbs)
Documentation & DX
Usage Guidelines (Do's and Don'ts)
Props Documentation (TypeScript)
Interactive Playground (Storybook)
Accessibility Guidelines
Governance
Semantic Versioning
Contribution Guide
Figma Library Sync