Create Design System Rules

This generates project-specific rules that teach AI agents how your codebase handles Figma designs. It analyzes your existing patterns for components, styling, and tokens, then writes them down as CLAUDE.md, AGENTS.md, or Cursor rules files. The workflow is opinionated: connect to Figma MCP, scan your code to discover conventions, then generate rules that enforce those conventions automatically. Think of it as capturing the unwritten knowledge your senior devs would normally explain to new team members, except now your AI agent gets that context upfront. It's most useful if you already have Figma-to-code patterns worth codifying. If you're still figuring out your design system, you're probably too early for this.

Install to Claude Code

npx -y skills add figma/mcp-server-guide --skill create-design-system-rules --agent claude-code