Specify a Figma component library for [PRODUCT TYPE].
Design system maturity: [STARTING FROM SCRATCH / EVOLVING / MATURE]
Provide specs for these components:
1. **Buttons**: Primary, secondary, tertiary, destructive, icon-only — with all states (default, hover, active, disabled, loading)
2. **Inputs**: Text field, textarea, select, checkbox, radio, toggle, date picker — with states (empty, filled, focused, error, disabled)
3. **Cards**: Content card, product card, user card — with variants
4. **Navigation**: Top nav, side nav, breadcrumbs, tabs, pagination
5. **Feedback**: Toast, alert, modal, tooltip, empty state, skeleton loader
6. **Data Display**: Table, list, stat card, badge, tag, avatar
For each component:
- All variants and states
- Spacing values (internal padding, gaps)
- Auto-layout settings
- Property controls (boolean, instance swap, text)
- Naming convention
Specify a Figma component library for [PRODUCT TYPE].
Design system maturity: [STARTING FROM SCRATCH / EVOLVING / MATURE]
Provide specs for these components:
1. **Buttons**: Primary, secondary, tertiary, destructive, icon-only — with all states (default, hover, active, disabled, loading)
2. **Inputs**: Text field, textarea, select, checkbox, radio, toggle, date picker — with states (empty, filled, focused, error, disabled)
3. **Cards**: Content card, product card, user card — with variants
4. **Navigation**: Top nav, side nav, breadcrumbs, tabs, pagination
5. **Feedback**: Toast, alert, modal, tooltip, empty state, skeleton loader
6. **Data Display**: Table, list, stat card, badge, tag, avatar
For each component:
- All variants and states
- Spacing values (internal padding, gaps)
- Auto-layout settings
- Property controls (boolean, instance swap, text)
- Naming convention