figma-design-system-rules

Installation
SKILL.md

Figma Design System Rules

Extract design system rules from Figma files and output agent-readable governance documents for CLAUDE.md, AGENTS.md, or .cursor/rules/.

Prerequisites

  • Figma MCP server enabled
  • Figma design system file URL (variables, components, styles)
  • Target output location from user (or default to .cursor/rules/design-system.mdc)

When to Use

  • Setting up agent design governance for a team
  • Onboarding coding agents to an existing Figma design system
  • Creating implementation rules from Figma variables and components
  • Generating .cursor/rules/ from design source of truth

Installs
4
GitHub Stars
1
First Seen
Jun 7, 2026
figma-design-system-rules — joker-of-gotham/chika-frontend-design-skills