create-design-system-rules
Custom design system rules for consistent Figma-to-code implementation across your project.
SkillJury keeps community verdicts, source metadata, and external repository signals in separate lanes so ranking data never pretends to be a review.
No approved reviews yet
Waiting on enough review volume
Weekly or total install activity from catalog data
npx skills add https://github.com/figma/mcp-server-guide --skill create-design-system-rules
As of May 1, 2026, create-design-system-rules has 1 weekly installs, 0 community reviews on SkillJury. Community votes currently stand at 0 upvotes and 0 downvotes. Source: figma/mcp-server-guide. Canonical URL: https://skills.sh/figma/mcp-server-guide/create-design-system-rules.
Latest reviews
No community reviews yet. Be the first to review.
What does create-design-system-rules do?
Custom design system rules for consistent Figma-to-code implementation across your project.
Is create-design-system-rules good?
create-design-system-rules does not have approved reviews yet, so SkillJury cannot publish a community verdict.
Which AI agents support create-design-system-rules?
create-design-system-rules currently lists compatibility with Claude Code, Codex, Cursor, Skills CLI.
Is create-design-system-rules safe to install?
create-design-system-rules has been scanned by security audit providers tracked on SkillJury. Check the security audits section on this page for detailed results from Socket.dev and Snyk.
What are alternatives to create-design-system-rules?
Skills in the same category include review-management, conversation-memory, coverage, grimoire-aave.
How do I install create-design-system-rules?
Run the following command to install create-design-system-rules: npx skills add https://github.com/figma/mcp-server-guide --skill create-design-system-rules
More from figma/mcp-server-guide
code-connect-components
Establish bidirectional links between Figma design components and code implementations using Code Connect.
figma-code-connect
Create Code Connect template files ( .figma.ts ) that map Figma components to code snippets. Given a Figma URL, follow the steps below to create a template.
implement-design
Translates Figma designs into production-ready code with pixel-perfect visual fidelity.
figma-implement-design
This skill provides a structured workflow for translating Figma designs into production-ready code with pixel-perfect accuracy. It ensures consistent integration with the Figma MCP server, proper use of design tokens, and 1:1 visual parity with designs.
Alternatives in Software Engineering
review-management
Source details, install context, and public review data are available on the full page.
conversation-memory
Persistent memory systems for LLM conversations with tiered storage and intelligent retrieval.
coverage
Map all testable surfaces in the application and identify what's tested vs. what's missing.
grimoire-aave
Query Aave V3 market data, reserve snapshots, and health metrics across supported chains.