Fudge MCP

Fudge MCP is a design context tool for AI agents. It gives your AI coding assistant access to a massive, searchable database of design system details from real websites — typography, color palettes, spacing, layout patterns, components, imagery, and interactions. Instead of guessing what looks good, your AI can study how companies like Apple, Stripe, and Figma actually design their sites. The result: websites that look designed, not generated.

Fudge works by capturing design elements from thousands of live websites and organizing them into a structured collection. You can search by site, inspect specific design decisions, and even browse a public DESIGN.md collection on GitHub. The tool integrates with AI tools you already use — like Cursor, Claude, and others — through an MCP server. There's also a Chrome extension for capturing designs on the fly. The database currently holds over 11,000 captures from nearly 2,000 websites, with more than 3,000 font families and 6,000 color palettes.

This tool is ideal for web developers and designers who use AI to build websites but want more control over the visual outcome. It's also useful for studying competitor design patterns or training AI models on real-world design conventions. If you've ever been frustrated by AI-generated sites that look generic or off, Fudge MCP gives your AI the reference material it needs to make better design decisions.