Documentation Prompts

Component documentation

From the selected Figma component, generate a full markdown spec with:
- purpose
- props and variants table
- token usage
- accessibility requirements (roles + keyboard behavior)

Create a Dos and Don'ts guide for this component with concrete usage examples.

Describe all interactive states (hover, focus, active, disabled) and related transitions.

Design system documentation

Analyze color styles in this Figma file and generate a color-system doc grouped by function (primary, accent, feedback, etc.).

Generate typography documentation including family, size, weight, line-height, and intended usage.

Generate spacing system documentation from layout patterns and common spacing values.

Maintenance prompts

Compare this component with its previous version and generate a changelog entry.

Find and update the matching docs file to reflect this component's latest Figma changes.