Create or audit a design system
Tokens, components, usage guidelines, and consistency audits for a design system.
The prompt
Help me with a design system.
Mode: [create from scratch / extract from an existing product / audit for consistency]
Product and platforms: [DETAILS]
What exists: [paste CSS variables, component list, screenshots, or brand guidelines]
Deliver:
1. Tokens — color (with accessible contrast pairs), typography scale, spacing, radius, shadows, motion.
2. Components — the core list with variants, states, and usage rules.
3. Guidelines — do/don't examples for the most misused components.
4. Audit (if requested) — inconsistencies found and how to consolidate them.
5. Documentation structure and naming conventions.
Highlighted [brackets] are blanks to replace with your own details.
Fill in the blanks and use this promptMore Product & UX Design prompts
What to fill in
- DETAILS
How this prompt is built
This prompt follows the RTF structure (Role, Task, Format). RTF tells the model who to be, what to do and what shape the answer should take. It is the quickest structure that still gives noticeably better results than a bare request.
Related prompts
- Review a design or app for usability problemsA heuristic UX review with prioritized issues and fixes.
- Audit a website or app for accessibility (WCAG)Checks against WCAG and gives prioritized, specific fixes.
- Check my iOS app for App Store rejection risksPre-submission compliance check against Apple's App Store Review Guidelines.
- Check the built product against my design (design QA)Gives you a structured design QA pass and a clear, prioritized bug list engineers can fix, from your notes on the build versus the spec.