FigJam Builder

Een visueel ontwerp-regelboek (type schaal, kleurniveaus, spacing grid) voor het bouwen of bewerken van FigJam boards via de Figma Plugin API.

Door prasantloki · prasantloki/figjam-builder

Werkt met setup ★ 8.8/10

FigJam Builder — Een visueel ontwerp-regelboek (type schaal, kleurniveaus, spacing grid) voor het bouwen of bewerken van FigJam boards via de Figma Plugin API.

Wat het doet

Een prompt-only skill die Claude een volledig FigJam design system leert -- type schaal per rol, een drielaags accent/levendig/gedempt kleurenpalet, een 4px spacing grid, sectie-lokale coördinaatregels, en een audit checklist -- en past dit vervolgens toe om nieuwe boards te bouwen of bestaande te bewerken via Figma's Plugin API. Triggers bij FigJam build/edit/layout-fix verzoeken of elke gedeelde figma.com/board URL, maar vereist expliciet de aparte `figma-plugin:figma-use` en `figma-plugin:figma-use-figjam` companion skills plus live Figma MCP tools (`use_figma`, `get_figjam`, etc.) die niet in dit repository zijn gebundeld.

Testrapport

Werkelijk scherpe design-system prompt (exacte type schaalbereiken, een gedisciplineerd 3-laags kleur-per-kleur-palet, en het benoemt de meest voorkomende Plugin-API bug - het toevoegen van section.x aan de reeds sectie-relatieve offset van een kind - bij naam), maar het is onbruikbaar alleen uit de GitHub-kloon: SKILL.md zelf zegt om eerst `figma-plugin:figma-use` en `figma-plugin:figma-use-figjam` te laden, en geen van beide companion skills of Figma MCP tools wordt in dit repo geleverd of was beschikbaar om mee te testen.

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

Installatie

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.

Commando's en voorbeeldprompts

  • /figjam-builderEen visueel ontwerp-regelboek (type schaal, kleurniveaus, spacing grid) voor het bouwen of bewerken van FigJam boards via de Figma Plugin API.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • 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