FigJam Builder

Un manuale di regole di design visivo (scala tipografica, livelli di colore, griglia di spaziatura) per costruire o modificare lavagne FigJam tramite l'API Figma Plugin.

di prasantloki · prasantloki/figjam-builder

Richiede configurazione ★ 8.8/10

FigJam Builder — Un manuale di regole di design visivo (scala tipografica, livelli di colore, griglia di spaziatura) per costruire o modificare lavagne FigJam tramite l'API Figma Plugin.

Cosa fa

Una skill solo prompt che insegna a Claude un sistema di design FigJam completo - scala tipografica per ruolo, una palette di colori a tre livelli accent/vibrant/muted, una griglia di spaziatura di 4px, regole di coordinate locali alla sezione e una checklist di audit - quindi lo applica per costruire nuove lavagne o modificare quelle esistenti tramite l'API Figma Plugin. Si attiva su richieste di build/edit/layout-fix di FigJam o qualsiasi URL figma.com/board condiviso, ma richiede esplicitamente le skill compagne separate `figma-plugin:figma-use` e `figma-plugin:figma-use-figjam` più tool Figma MCP live (`use_figma`, `get_figjam`, ecc.) che non sono inclusi in questo repository.

Rapporto di test

Prompt di sistema di design genuinamente acuto (intervalli esatti di scala tipografica, una palette di colori a 3 livelli disciplinata per tonalità, e nomina il bug più comune dell'API Plugin - aggiungere section.x all'offset già relativo alla sezione di un figlio - per nome), ma è inutilizzabile solo dal clone GitHub: SKILL.md stesso dice di caricare `figma-plugin:figma-use` e `figma-plugin:figma-use-figjam` per primi, e né la skill compagna né alcun tool Figma MCP sono inclusi in questo repository o erano disponibili per i test.

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

Installazione

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.

Comandi e prompt di esempio

/figjam-builderUn manuale di regole di design visivo (scala tipografica, livelli di colore, griglia di spaziatura) per costruire o modificare lavagne FigJam tramite l'API Figma Plugin.

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

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

Rapporto completo →