FigJam Builder

En visuell designregelbok (typskala, färgnivåer, avståndsgrid) för att bygga eller redigera FigJam-tavlor via Figma Plugin API.

av prasantloki · prasantloki/figjam-builder

Fungerar med konfiguration ★ 8.8/10

FigJam Builder — En visuell designregelbok (typskala, färgnivåer, avståndsgrid) för att bygga eller redigera FigJam-tavlor via Figma Plugin API.

Vad den gör

En prompt-endast skill som lär Claude ett komplett FigJam designsystem - typskala per roll, en tre-nivåers accent/livlig/dämpad färgpalett, ett 4px avståndsgrid, sektionslokala koordinatregler, och en granskningschecklista - och tillämpar det sedan för att bygga nya tavlor eller redigera befintliga via Figmas Plugin API. Triggers vid FigJam bygg-/redigerings-/layoutfix-förfrågningar eller valfri delad figma.com/board URL, men kräver uttryckligen de separata följeslagar-skills `figma-plugin:figma-use` och `figma-plugin:figma-use-figjam` plus live Figma MCP-verktyg (`use_figma`, `get_figjam`, etc.) som inte är bundlade i detta repository.

Testrapport

Genuint skarp design-system prompt (exakta typskala-intervall, en disciplinerad 3-nivåers färg-per-nyans-palett, och den påpekar den absolut vanligaste Plugin-API-buggen - att lägga till section.x till ett barns redan sektionsrelaterade offset - vid namn), men den är oanvändbar enbart från GitHub-klonen: SKILL.md säger själv att ladda `figma-plugin:figma-use` och `figma-plugin:figma-use-figjam` först, och varken följeslagar-skill eller några Figma MCP-verktyg levereras i detta repo eller var tillgängliga att testa med.

Testad: 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.

Kommandon och exempelprompter

/figjam-builderEn visuell designregelbok (typskala, färgnivåer, avståndsgrid) för att bygga eller redigera FigJam-tavlor via Figma Plugin API.

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

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 hela rapporten →