figma-create-design-system-rules

To generate design system rules from Figma to code workflows, use a Figma MCP server to analyze your codebase for component organization, styling tokens, and integration conventions, then output structured guidance to an agent rule file.

Design system tokens are structured styling variables that align design and engineering tasks by ensuring consistent component styling conventions across Figma MCP integrations and code generation workflows.

You can use this for both starting new design systems and updating existing design-system libraries, as it analyzes your current codebase conventions and generates actionable project-specific rules for consistent integration.

Create project-specific guidelines by running the rule generation tool with your project's languages and frameworks, which analyzes your codebase and saves the identified component organization and styling approaches to an agent rule file.

Yes, generating project-specific design system rules requires a Figma MCP server connection to bridge Figma-to-code workflows and accurately identify token usage and integration patterns.

The best way to onboard design engineers is to generate project-specific design system rules that document component organization, styling tokens, and MCP integration workflows, ensuring consistent conventions across the team.