figma-create-design-system-rules

Generate project-specific Figma-to-code design system rules from codebase and token analysis.

Updated Apr 28, 2026
One-click install
npx skills add https://github.com/89jobrien/warpx --skill figma-create-design-system-rules-89jobrien
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: figma-create-design-system-rules
Source: https://github.com/89jobrien/warpx/tree/main/resources/bundled/mcp_skills/figma/figma-create-design-system-rules
Command: npx skills add https://github.com/89jobrien/warpx --skill figma-create-design-system-rules-89jobrien

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Standardizes and accelerates the creation of project-specific design system rules for Figma-driven code, reducing inconsistent conventions across teams.

Core Features & Use Cases

  • Generate design system rules tailored to a project's conventions and token systems.
  • Analyze a codebase and Figma MCP setup to align rules with existing components, tokens, and architectures.
  • Use cases include onboarding new teams, standardizing Figma-to-code workflows, and extending rules for future projects.

Quick Start

Ask the AI to generate project-specific design system rules for your Figma-driven workflow.

Frequently Asked Questions about figma-create-design-system-rules

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate project-specific design system rules for Figma-to-code workflows?

To generate project-specific design system rules, the Skill analyzes your codebase and Figma design tokens to produce tailored, actionable rule files. This enforces consistent conventions and automates the standardization of your Figma-to-code design system workflows.

How does automated rules generation work with the Figma MCP server?

Automated rules generation integrates with the Figma MCP server setup to analyze your existing components and design tokens. It aligns the generated design system rules with your project's architecture, producing reusable rule files for your specific Figma-driven workflow.

Can I use this to standardize Figma design tokens for new team onboarding?

Yes, you can use this to standardize Figma design tokens for new team onboarding. It analyzes your codebase conventions and token systems to generate project-specific rules, ensuring consistent Figma-to-code workflows across newly onboarded teams.

What's the best way to automate coding standards for Figma design tokens?

The best way to automate coding standards for Figma design tokens is to analyze your codebase and Figma MCP setup. This generates actionable, reusable design system rules that enforce project-specific conventions and align with your components.

Do I need an existing codebase to create project-specific Figma design rules?

Yes, you need an existing codebase to create project-specific Figma design rules. The Skill analyzes your codebase and design tokens to tailor the rules for your specific architecture, ensuring the generated conventions match your current project workflows.

What are the limitations of auto-generating design system rules for Figma?

The limitations of auto-generating design system rules include its reliance on a pre-existing codebase and Figma MCP server setup for analysis. It is specifically tailored for Figma-to-code workflows and may not apply to non-Figma design system integrations.