create-design-system-rules

To generate design system rules, you provide project details like target frameworks, connect the Figma MCP server, and run the tool to analyze your codebase structure, token usage, and component organization to produce a CLAUDE.md-ready rule set.

Design tokens are variables that store visual design attributes like color and typography. Standardizing token usage in your codebase reduces drift and ensures consistent Figma-to-code implementations across teams and platforms.

Yes, connecting to the Figma MCP server and verifying access is a required step. The tool analyzes Figma integration patterns alongside your codebase structure to generate project-specific design system conventions accurately.

Yes, you can use this during project kickoffs or when onboarding to an existing repository. It analyzes your current codebase structure, styling approaches, and design token usage to codify team conventions into a standardized rule set.

After providing project details and verifying the Figma MCP server connection, you run the tool to generate the rule set. You then save the output directly to CLAUDE.md at the project root to standardize your design-to-code workflows.

The best way to standardize conventions is generating a CLAUDE.md-ready rule set that encapsulates component organization, styling approaches, token usage, and Figma integration patterns tailored specifically to your codebase analysis.