Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server connection.
Install
npx skills add figma/mcp-server-guide --skill create-design-system-rulesnpx skills add figma/mcp-server-guide --skill create-design-system-rules -a claude-code -gnpx skills add figma/mcp-server-guide --skill create-design-system-rules -a codex -ggemini skills install https://github.com/figma/mcp-server-guide.git --path skills/create-design-system-rulesgh skill install figma/mcp-server-guide create-design-system-rulesgit clone --depth 1 https://github.com/figma/mcp-server-guide /tmp/figma__mcp-server-guide
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/figma__mcp-server-guide/skills/create-design-system-rules ~/.claude/skills/create-design-system-rules # Claude Code
cp -R /tmp/figma__mcp-server-guide/skills/create-design-system-rules ~/.agents/skills/create-design-system-rules # Codex, Cursor, Gemini CLI, Copilot, OpenCode