Figma Create Design System Rules

This automates the process of generating project-specific design system rules that tell AI coding agents how to turn Figma designs into code that matches your existing conventions. It analyzes your codebase to understand where components live, what styling approach you use, and how things are named, then creates a ruleset in the right format for Claude Code, Cursor, or Codex CLI. The idea is you run it once at project start and it captures all the "unwritten knowledge" about your architecture, so you stop repeating yourself every time you ask an agent to implement a Figma component. Works with the Figma MCP server to establish the complete workflow from design fetch to validated implementation. Most useful when onboarding AI to an established codebase with strong conventions.

Install to Claude Code

npx -y skills add openai/skills --skill figma-create-design-system-rules --agent claude-code