design-md

A DESIGN.md file captures a semantic design system by synthesizing Stitch project screen assets and design tokens. It extracts color, typography, spacing, and component patterns from HTML/CSS to serve as the authoritative design system document.

Derive semantic design tokens by fetching HTML/CSS assets from a Stitch project via MCP Server data. The system analyzes these references to extract color, typography, spacing, and component guidelines into a structured DESIGN.md document.

Yes, generating a DESIGN.md requires access to the Stitch MCP Server. The system needs project and screen metadata, design themes, and the ability to fetch HTML/CSS assets to extract semantic design tokens.

Yes, iterative refinement allows you to update design tokens as a Stitch project evolves. Regenerate the DESIGN.md to reflect changes and ensure continuous alignment with the current design language and screen assets.

The best way to document design tokens for automated screen generation is creating a DESIGN.md file. It synthesizes semantic tokens and component guidance from Stitch themes, providing a single source of truth to prompt new screen generation.

A semantic design system provides structured design tokens and component guidelines rather than raw CSS values. This approach ensures design governance, maintains consistency across generated screens, and simplifies iterative updates as your project scales.