figma-create-design-system-rules Skill
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 connectio Published by openai in skills.
What is figma-create-design-system-rules Skill?
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 connectio Published by openai in skills. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Design and media
- Design and media use cases
Technical details
- Install or run with Copy skill directory
When to use figma-create-design-system-rules Skill
- Use it for design and media.
Built with
Editorial notes
Source
- Creator: openai
- Repository: openai/skills
- Skill file: skills/.curated/figma-create-design-system-rules/SKILL.md
What it does
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 connectio
Skill instructions
Create Design System Rules Overview This skill helps you generate custom design system rules tailored to your project's specific needs. These rules guide AI coding agents to produce consistent, high-quality code when implementing Figma designs, ensuring that your team's conventions, component patterns, and architectural decisions are followed automatically. Supported Rule Files | Agent | Rule File | |-------|-----------| | Claude Code | CLAUDE.md | | Codex CLI | AGENTS.md | | Cursor | .cursor/rules/figma-design-system.mdc | What Are Design System Rules? Design system rules are project-level instructions that encode the "unwritten knowledge" of your codebase - the kind of expertise that experienced developers know and would pass on to new team members: - Which layout primitives and components to use - Where component files should be located - How components should be named and structured - What should never be hardcoded - How to handle design tokens and styling - Project-specific archit
Explore related resources
Frequently asked questions
What is figma-create-design-system-rules?
figma-create-design-system-rules is a open-source AI agent skill with Copy skill directory. 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.
Who is figma-create-design-system-rules best for?
figma-create-design-system-rules is best for reusing agent instructions, scripts, and references, design and media workflows.
How do I install figma-create-design-system-rules?
Install or run figma-create-design-system-rules using Copy skill directory. Check figma-create-design-system-rules for the latest setup command.
Is figma-create-design-system-rules actively maintained?
figma-create-design-system-rules may need a closer maintenance check before production use.
Auto-fetched from GitHub.
