Fudge

Fudge is an AI-powered design reference engine that helps coding agents build better websites by searching and inspecting thousands of real production websites. Instead of guessing what good design looks like, your agent can learn from sites that are actually live on the web today.

Every reference comes with screenshots alongside measured design information such as typography, colors, spacing, layout, components, page types, media, interactions, contrast, borders, radii, shadows, and gradients. That means the details your agent works with are grounded in real, measurable data rather than vague assumptions.

Fudge works through MCP with tools such as Codex, Cursor, and Claude Code, so it fits right into the workflow you already use. A Chrome extension also lets you save websites and design details you like for later use, building a personal library of references over time.

Agents can use Fudge to discover inspiration, compare visual directions, inspect fonts and color systems, match screenshots, and export design systems to Tailwind CSS, CSS variables, or JSON. From the first spark of an idea to a finished design system, Fudge keeps every step grounded in what real websites actually do.