Skill

Figma Design System Rules

Skill

Generate the rules the agent should follow for this file.

Official. Project-specific design-system rules from the Figma library, not a generic UI prompt.

spec·Apache-2.0·Updated this quarter·github.com/figma/skills

Claude CodeCursorDesktop
Scanned
npx skills add figma/figma-create-design-system-rules

By Figma

Input

A Figma library.

Output

A rules file the next skill can read.

figma-design-system-rules.skill/invoke

You say

Write design-system rules from this file.

It returns

Spacing, type, the 12 components. RULES.md.

Prompt notebook

Prompts this skill is built for.

  • You say

    Write design-system rules from this file.

    It returns

    Spacing, type, the 12 components. RULES.md.

  • You say

    What’s the density rule?

    It returns

    Compact on desktop. Comfortable on mobile. From the library.

What it teaches

  1. 01Tokens
  2. 02Components
  3. 03Rules