FigJam Builder

Ein visuelles Design-Regelbuch (Typ-Skala, Farb-Tiers, Abstands-Raster) zum Erstellen oder Bearbeiten von FigJam-Boards über die Figma Plugin API.

von prasantloki · prasantloki/figjam-builder

Funktioniert mit Setup ★ 8.8/10

FigJam Builder — Ein visuelles Design-Regelbuch (Typ-Skala, Farb-Tiers, Abstands-Raster) zum Erstellen oder Bearbeiten von FigJam-Boards über die Figma Plugin API.

Was es kann

Ein reiner Prompt-Skill, der Claude ein vollständiges FigJam-Designsystem beibringt – Typ-Skala nach Rolle, eine Drei-Tier-Farbpalette (Akzent/lebhaft/gedämpft), ein 4-Pixel-Abstands-Raster, abschnittsinterne Koordinatenregeln und eine Audit-Checkliste – und es dann anwendet, um neue Boards zu erstellen oder bestehende über die Plugin-API von Figma zu bearbeiten. Löst bei FigJam-Build-/Edit-/Layout-Fix-Anfragen oder jeder freigegebenen figma.com/board-URL aus, erfordert jedoch explizit die separaten Begleit-Skills `figma-plugin:figma-use` und `figma-plugin:figma-use-figjam` sowie Live-Figma-MCP-Tools (`use_figma`, `get_figjam` usw.), die nicht in diesem Repository gebündelt sind.

Testbericht

Wirklich scharfer Design-System-Prompt (exakte Typ-Skala-Bereiche, eine disziplinierte 3-Tier-Farb-nach-Farbton-Palette, und er nennt den häufigsten Plugin-API-Fehler – das Hinzufügen von section.x zum bereits abschnittsrelativen Offset eines Kindes – namentlich), aber er ist allein aus dem GitHub-Klon unbrauchbar: SKILL.md selbst sagt, dass zuerst `figma-plugin:figma-use` und `figma-plugin:figma-use-figjam` geladen werden sollen, und weder der Begleit-Skill noch ein Figma-MCP-Tool wird in diesem Repo ausgeliefert oder war zum Testen verfügbar.

Getestet am: 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.

Befehle & Beispiel-Prompts

/figjam-builderEin visuelles Design-Regelbuch (Typ-Skala, Farb-Tiers, Abstands-Raster) zum Erstellen oder Bearbeiten von FigJam-Boards über die Figma Plugin API.

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

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

Vollständiger Testbericht (Englisch) →