FigJam Builder

Un libro de reglas de diseño visual (escala de tipo, niveles de color, cuadrícula de espaciado) para construir o editar tableros FigJam a través de la API de Plugins de Figma.

Por prasantloki · prasantloki/figjam-builder

Funciona con configuración ★ 8.8/10

FigJam Builder — Un libro de reglas de diseño visual (escala de tipo, niveles de color, cuadrícula de espaciado) para construir o editar tableros FigJam a través de la API de Plugins de Figma.

Qué hace

Una habilidad solo de prompt que enseña a Claude un sistema de diseño completo de FigJam: escala de tipo por rol, una paleta de colores de tres niveles (acento/vibrante/apagado), una cuadrícula de espaciado de 4px, reglas de coordenadas locales de sección y una lista de verificación de auditoría, luego la aplica para construir nuevos tableros o editar los existentes a través de la API de Plugins de Figma. Se activa en solicitudes de construcción/edición/corrección de diseño de FigJam o cualquier URL compartida de figma.com/board, pero requiere explícitamente las habilidades complementarias separadas `figma-plugin:figma-use` y `figma-plugin:figma-use-figjam` más las herramientas MCP de Figma en vivo (`use_figma`, `get_figjam`, etc.) que no están incluidas en este repositorio.

Informe de la prueba

Prompt de sistema de diseño genuinamente agudo (rangos de escala de tipo exactos, una paleta de colores disciplinada de 3 niveles por matiz, y menciona el error más común de la API de Plugins - agregar section.x a un desplazamiento ya relativo a la sección de un hijo - por nombre), pero es inutilizable solo a partir de la clonación de GitHub: el propio SKILL.md dice cargar primero `figma-plugin:figma-use` y `figma-plugin:figma-use-figjam`, y ni la habilidad complementaria ni ninguna herramienta Figma MCP se envían en este repositorio ni estuvieron disponibles para probar.

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

Instalación

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.

Comandos y prompts de ejemplo

  • /figjam-builderUn libro de reglas de diseño visual (escala de tipo, niveles de color, cuadrícula de espaciado) para construir o editar tableros FigJam a través de la API de Plugins de Figma.

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

  • 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