create-design-system-rules
Generates project-specific design system rules to guide AI agents in consistent Figma-to-code implementation.
Install
npx skills add https://github.com/figma/mcp-server-guide --skill create-design-system-rulesStats
| Total installs | 1,318 |
| Weekly installs | 1.3K |
| GitHub stars | 718 |
| First seen | Jan 20, 2026 |
| Source | @figma/mcp-server-guide |
Summary
- Generates project-specific conventions for component organization, styling, design tokens, and asset handling that guide AI agents to produce consistent code
- Supports three rule file formats: CLAUDE.md for Claude Code, AGENTS.md for Codex CLI, and .cursor/rules/figma-design-system.mdc for Cursor
- Requires Figma MCP server connection and codebase analysis to discover existing patterns before rule generation
- Includes mandatory Figma-to-code workflow steps: fetch design context, get screenshot, download assets, then implement using project conventions
Tags
Related skills
| Skill | Installs | vs create-design-system-rules |
|---|---|---|
| flutter-accessibility | 979 | -339 |
| uncodixfy | 1,842 | +524 |
| opentui | 1,777 | +459 |
| svg logo designer | 1,709 | +391 |
| frontend responsive design standards | 1,238 | -80 |
FAQ
- How many installs does create-design-system-rules have?
- create-design-system-rules has 1,318 total installs and 1.3K installs this week.
- Where is create-design-system-rules hosted?
- create-design-system-rules is published by @figma/mcp-server-guide at https://github.com/figma/mcp-server-guide.
- How many GitHub stars does create-design-system-rules have?
- create-design-system-rules has 718 GitHub stars.
- When was create-design-system-rules first indexed?
- OrangeBot.AI first indexed create-design-system-rules on Jan 20, 2026.
- How do I install create-design-system-rules?
- Run: npx skills add https://github.com/figma/mcp-server-guide --skill create-design-system-rules