This generates custom rule files that tell AI coding agents how to implement your Figma designs according to your team's actual conventions. Instead of getting generic React components, you get code that follows your naming patterns, component architecture, and styling approach. It supports Claude Code (CLAUDE.md), Codex CLI (AGENTS.md), and Cursor (.cursor/rules). The idea is to encode the unwritten knowledge experienced developers have about your codebase so the AI stops making decisions that don't match your standards. Useful if you're doing repeated Figma to code work and tired of manually fixing the same structural issues every time.
npx skills add https://github.com/figma/mcp-server-guide --skill figma-create-design-system-rules