ds-doc

To document a design system and link code to Figma, scan UI components, tokens, and patterns to generate a cohesive CLAUDE.md section mapping each code element to its Figma URL.

The best way to keep CLAUDE.md design documentation synced is running an idempotent update command that rescans modified UI components and refreshes Figma links without duplicating existing content.

Yes, you can use Figma tokens and UI components to generate design system documentation automatically by scanning the project structure and linking each token to its corresponding code file and Figma URL.

Design system documentation updates do not duplicate content because the process applies idempotent updates, ensuring repeated scans cleanly replace or append mappings without creating redundant entries in CLAUDE.md.

You need to update the CLAUDE.md design system section after adding or modifying UI components, or when explicitly instructed to document the design system, to ensure code and Figma references remain synchronized.