designScore: 92/100For Figma AI

Complete design system (components + tokens)

Generate a cohesive design system with reusable components and design tokens.

Fill in the variables

Your personalized prompt

I need to create a complete design system for {{type_interface}}.

**Project context:**
- Target audience: {{public_cible}}
- Main features: {{fonctionnalites_principales}}
- Desired visual style: {{style_visuel}}

**Expected deliverables:**

1. **Design Tokens**
   - Color palette (primary, secondary, neutrals, states)
   - Typographic scale (sizes, weights, line heights)
   - Spacing and grid system (8pt or other)
   - Shadows and elevations
   - Border radius
   - Transitions and animations

2. **Base Components**
   - Buttons (all states: default, hover, active, disabled)
   - Form fields (input, textarea, select, checkbox, radio)
   - Cards and containers
   - Navigation (header, menu, breadcrumb)
   - Modals and overlays
   - Alerts and notifications

3. **Interface Patterns**
   - Responsive layouts (mobile, tablet, desktop)
   - Standard forms
   - Lists and tables
   - Empty and error states

4. **Documentation**
   - When to use each component
   - Accessibility rules (contrast, touch targets)
   - Composition rules

Provide precise specifications with exact values (px, rem, hex) and explain the system's logic.

Go further: optimize this prompt →