generate_component_docs
Generates comprehensive component documentation by merging local tokens, Figma data, and design system knowledge into LLM-readable markdown for design-to-development handoffs.
Instructions
Generate comprehensive component documentation combining local tokens, Figma component data, and design system knowledge. Creates LLM+human-readable markdown with frontmatter, token references, code examples, and accessibility information. Perfect for design-to-development handoffs.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| format | Yes | Documentation output format | |
| codeLanguage | No | Language for code examples (default: jsx) | |
| componentNames | Yes | Component names to document (e.g., ['Button', 'Input']) | |
| includeTokenRefs | Yes | Include token reference tables | |
| figmaComponentData | No | Figma component data from mcp_figma_get_component_details (optional) | |
| includeCodeExamples | Yes | Include usage code examples |