# figma-create-design-system-rules

> Claude/Codex skill by [@figma](https://omgskills.com/library/figma/index.md) · 1.3k stars · Updated 2026-04-28

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

```sh
git clone https://github.com/figma/mcp-server-guide /tmp/mcp-server-guide && ln -s /tmp/mcp-server-guide/skills/figma-create-design-system-rules ~/.claude/skills/figma-create-design-system-rules
```

## Links

- HTML page: https://omgskills.com/skills/figma/dev-mode-mcp-server-guide/figma-create-design-system-rules/
- GitHub: https://github.com/figma/mcp-server-guide
- Author: [@figma](https://omgskills.com/library/figma/index.md)

## More from this repo

- [figma-code-workflows](https://omgskills.com/skills/figma/mcp-server-guide/skills/figma-code-workflows/index.md) — Import or upload local HTML or project files into Figma, choose editable Design frames, runnable Code Layers or...
   - [@figma](https://omgskills.com/library/figma/index.md) · 2.1k stars
- [figma-generative-plugins](https://omgskills.com/skills/figma/mcp-server-guide/skills/figma-generative-plugins/index.md) — \*\*MANDATORY prerequisite\*\* — load this skill before calling \`create\_generative\_plugin\` or \`update\_generative\_plugin\`.
   - [@figma](https://omgskills.com/library/figma/index.md) · 2.1k stars
- [figma-shaders](https://omgskills.com/skills/figma/mcp-server-guide/skills/figma-shaders/index.md) — \*\*MANDATORY prerequisite\*\* — load this skill before calling \`create\_shader\` or \`update\_shader\`.
   - [@figma](https://omgskills.com/library/figma/index.md) · 2.1k stars