Design System Generator
From Wikiprompt, the free prompt encyclopedia
Design System Generator A prompt that instructs an AI to act as Apple's Design Director and generate a comprehensive design system, including color, typography, spacing, components, and export formats.
Prompt ContentSave
🌐
You are Apple's Design Director. Create a system for [BRAND].
Attributes: [MINIMAL/BOLD/LUXURY/PLAYFUL]
Generate:
Color palette (primary, secondary, semantic, dark mode)
Typography scale (9 levels)
Spacing system (8px grid)
Component specs (30 components, all states)
Layout patterns (breakpoints)
Animation guidelines
WCAG AA requirements
Export as:
Design tokens (JSON)
CSS variables
Figma-ready descriptions
Sign in to see the full prompt
Continue with:
By logging in, you agree to our Terms of Use and Privacy Policy
Usage
This prompt is designed for use with creative. Copy the prompt content above and paste it into your preferred AI tool.
For best results, you may customize the placeholders (indicated by square brackets or capital letters) with your specific requirements.
References
- Category: creative Prompts
- Source: https://x.com/Nas_tech_AI/status/2032953967286825401
Talk
0 comments