Fudge MCP

Fudge MCP es una herramienta de contexto de diseño para agentes de IA. Le otorga a tu asistente de programación de IA acceso a una base de datos masiva y editable de detalles de sistemas de diseño de sitios web reales: tipografía, paletas de colores, espaciado, patrones de diseño, componentes, imágenes e interacciones. En lugar de adivinar qué se ve bien, tu IA puede estudiar cómo empresas como Apple, Stripe y Figma diseñan realmente sus sitios. El resultado: sitios web que parecen diseñados, no generados.

Fudge funciona capturando elementos de diseño de miles de sitios web activos y organizándolos en una colección estructurada. Puedes buscar por sitio, inspeccionar decisiones de diseño específicas e incluso explorar una colección pública de DESIGN.md en GitHub. La herramienta se integra con las herramientas de IA que ya utilizas —como Cursor, Claude y otras— a través de un servidor MCP. También hay una extensión de Chrome para capturar diseños sobre la marcha. La base de datos contiene actualmente más de 11 000 capturas de casi 2 000 sitios web, con más de 3 000 familias de fuentes y 6 000 paletas de colores.

Esta herramienta es ideal para desarrolladores web y diseñadores que usan IA para construir sitios web pero quieren más control sobre el resultado visual. También es útil para estudiar patrones de diseño de la competencia o entrenar modelos de IA en convenciones de diseño del mundo real. Si alguna vez te han frustrado los sitios generados por IA que parecen genéricos o extraños, Fudge MCP le da a tu IA el material de referencia que necesita para tomar mejores decisiones de diseño.