# Plumb: lleva Figma o una web a un grafo de diseño

> Extrae estructura visual para construir una interfaz y comparar después el resultado con el diseño de referencia.

Verificado el 26 oct 2026.

## Qué es

Plumb es un servidor MCP para trabajar con diseños y páginas web. Normaliza sus elementos en un grafo semántico que el agente puede consultar, transformar y verificar.

## Para qué te sirve

- Cuando una pantalla de Figma debe convertirse en componentes.
- Cuando quieres comparar la implementación con el diseño.
- Cuando una web existente sirve de referencia para organizar una interfaz.

## Cómo funciona

El plugin de Figma conecta el lienzo con el servidor local. Las herramientas extraen nodos, tokens y capturas; plumb_verify y plumb_fit comparan resultados. También existen importación de páginas web y generación de React desde el grafo.

## Antes de empezar

Un cliente MCP y Node.js ≥20 con npm, según el package.json del paquete. Para leer un lienzo necesitas Figma Desktop y cargar el plugin. Las operaciones sobre diseños requieren acceso legítimo al archivo.

## Límites y alternativas

La comparación automatizada no garantiza accesibilidad ni calidad del código. La lectura del lienzo evita ciertas restricciones de REST, pero no convierte toda integración en ilimitada. El MCP oficial de Figma es otra opción si prefieres la conexión del proveedor.

## Recursos

- [Repositorio](https://github.com/tathagat22/plumb-mcp) - 81 estrellas.
- [README y documentación](https://github.com/tathagat22/plumb-mcp#readme) - configuración y requisitos.
- [Historial](https://github.com/tathagat22/plumb-mcp/commits/HEAD/) - último commit comprobado: 2026-10-10.
- [Licencia detectada por GitHub](https://github.com/tathagat22/plumb-mcp) - MIT; consulta el archivo de licencia del proyecto.