FigJam Builder

En visuel-design regelbog (type scale, farveniveauer, spacing grid) til at bygge eller redigere FigJam-boards via Figma Plugin API.

Af prasantloki · prasantloki/figjam-builder

Virker med opsætning ★ 8.8/10

FigJam Builder — En visuel-design regelbog (type scale, farveniveauer, spacing grid) til at bygge eller redigere FigJam-boards via Figma Plugin API.

Hvad det gør

En prompt-kun-skill, der lærer Claude et komplet FigJam-designsystem – type scale efter rolle, en tre-lags accent/vibrant/muted farvepalet, et 4px spacing grid, sektionslokale koordinatregler og en audit-tjekliste – og derefter anvender det til at bygge nye boards eller redigere eksisterende via Figmas Plugin API. Udløses ved FigJam build/edit/layout-fix-anmodninger eller enhver delt figma.com/board URL, men kræver eksplicit de separate `figma-plugin:figma-use` og `figma-plugin:figma-use-figjam` ledsagende skills plus live Figma MCP-værktøjer (`use_figma`, `get_figjam`, etc.), der ikke er bundtet i dette repository.

Testrapport

Ægte skarp designsystem-prompt (præcise type scale-områder, en disciplineret 3-lags farve-efter-nuance-palet, og den fremhæver den mest almindelige Plugin-API-fejl – at tilføje section.x til et barns allerede-sektionsrelative offset – ved navn), men den er ubrugelig ud af GitHub-klonen alene: SKILL.md selv siger, at man skal indlæse `figma-plugin:figma-use` og `figma-plugin:figma-use-figjam` først, og hverken ledsagende skill eller noget Figma MCP-værktøj følger med i dette repo eller var tilgængeligt til test.

Testet: 2026-07-16 · Claude Code 2.x (agent harness)

Installation

git clone https://github.com/prasantloki/figjam-builder
mkdir -p ~/.claude/skills
cp -r figjam-builder ~/.claude/skills/figjam-builder
# ALSO REQUIRED, not included in this repo: a Figma MCP server exposing use_figma/get_figjam/upload_assets/create_new_file/generate_diagram, plus the figma-plugin:figma-use, figma-plugin:figma-use-figjam, and figma-generate-diagram companion skills.

Kommandoer og eksempelprompter

/figjam-builderEn visuel-design regelbog (type scale, farveniveauer, spacing grid) til at bygge eller redigere FigJam-boards via Figma Plugin API.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

Build a three-zone decision board comparing Postgres and DynamoDB
Fix the spacing and color tiers on this existing FigJam board
Lay out a FigJam board using our type scale and 4px spacing grid

Læs hele rapporten →