skills.rest
lalaABC
lalaABCCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

figma-create-design-system-rules

Generates Markdown-based design system rules for Figma-driven codebases.

Updated Apr 30, 2026
Search Tags:#automation#figma#mcp#guidelines#rules#design-system
One-click install
npx skills add https://github.com/lalaABC/waprcn --skill figma-create-design-system-rules-lalaabc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma-create-design-system-rules
Source: https://github.com/lalaABC/waprcn/tree/main/resources/bundled/mcp_skills/figma/figma-create-design-system-rules
Command: npx skills add https://github.com/lalaABC/waprcn --skill figma-create-design-system-rules-lalaabc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generates custom design system rules tailored to your project's needs for Figma-driven coding workflows across multiple agents and environments.

Core Features & Use Cases

  • Creates project-specific rules to standardize Figma-to-code translations across teams.
  • Supports guidance for token usage, component organization, and naming conventions.
  • Use Case: When starting a new project or onboarding a team to a design-system workflow.

Quick Start

Run the Figma MCP design-system rules generator for the current project.

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 design system rules for a Figma-driven codebase?▼

To generate design system rules for a Figma-driven codebase, run the Figma MCP rules generator to analyze your repository structure and output Markdown-based rule files to the project root.

Do I need a Figma MCP server to automate design token guidelines?▼

Yes, you need access to a Figma MCP server to automate the generation of project-specific design token guidelines, as the tool analyzes your repository structure through this connection.

What is included in Markdown-based Figma component organization rules?▼

Markdown-based Figma component organization rules include guidance on token usage, component organization, and styling conventions tailored to your project's specific codebase structure.

Can I customize project-specific Figma styling conventions for team onboarding?▼

Yes, you can customize project-specific Figma styling conventions by running the rules generator, which creates tailored Markdown files to standardize the design-system workflow for new team members.

What are the limitations of using Figma MCP for repository structure analysis?▼

The Figma MCP rules generator is limited to analyzing repository structures accessible via the configured MCP server and outputs strictly Markdown-based rule files to the project root without modifying existing code.

Related Skills

Explore More Design & Creative Skills→
allofmengallofmeng
12

figma-code-connect-components

Identify unmapped Figma components and fetch matching code components for Code Connect mappings.

Community
Advanced
allofmengallofmeng
12

figma-create-design-system-rules

Generate project-specific design system rules for AI coding agents from Figma designs.

Community
Advanced
phazurlabsphazurlabs
35

figma-design-tool-workflows

Translate Figma workflows into implementation guidance for React, SwiftUI, CSS, and Storybook.

Community
Advanced
jason-c-devjason-c-dev
1

documentation-standards

Enforce documentation standards for AWS Coworker components with Markdown conventions.

Community
Advanced