mcpField
F
figma-create-design-system-rules

figma-create-design-system-rules

github.com/nexu-ioDesign & UI104.6k2.8k installsUpdated 1d ago
Repository

About figma-create-design-system-rules

figma-create-design-system-rules is a skill for generating project-specific design system rules for Figma-to-code workflows. It brings tokens, naming, and lint rules together in one reference.

Key features

  1. 01Generate project-specific rules
  2. 02Capture design tokens
  3. 03Define naming conventions
  4. 04Record lint rules

Use cases

  1. 01Prepare Figma-to-code workflows
  2. 02Document design tokens
  3. 03Align naming and lint rules

MCP support

The skill is curated from Figma's MCP server guide. The input does not describe any MCP server capabilities.

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/nexu-io/open-design --skill figma-create-design-system-rules

After installing, type/figma-create-design-system-rulesin Claude Code to confirm it loaded.

Details

From the project README

figma-create-design-system-rules

Curated from Figma's MCP server guide.

What it does

Generate project-specific design system rules for Figma-to-code workflows. Useful for capturing tokens, naming, and lint rules in one source.

Source

How to use

This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:

# Inspect the upstream README for exact paths
open https://github.com/figma/skills

Then ask the agent to invoke this skill by name (figma-create-design-system-rules) or with one of the trigger phrases listed in this skill's frontmatter.

Comments

Markdown supported