Turn your AI into a better designer

Connect Fudge to your AI tools so they can study real websites, inspect how they are designed, and use those references while you build.

Install MCP server

What you can do

Search real websites for the exact inspiration you need

Find pages by industry, page type, layout, color, font, screenshot, URL, or visual idea.

Inspect the design system behind a live website

See its screenshot, typography, colors, spacing, radii, shadows, layout, media, and exact rendered styles.

Extract or generate color palettes and check contrast

See a website’s colors as a palette and check the contrast between selected text and background colors.

Identify the fonts used on any website

Check its font families, stacks, sizes, weights, line heights, and where each style appears.

Find fonts that look like a typeface you already like

Compare visually similar typefaces, preview the closest matches, and narrow them by licence or availability.

Compare real references before choosing a direction

Compare how different websites approach layout, hierarchy, typography, color, and page structure.

Get grounded advice on improving what you are building

Share a page or screenshot, uncover specific hierarchy and styling problems, and support improvements with relevant references.

Turn a website into files your agent can build from

Create a DESIGN.md or export a website’s design details for use in your project.

Save references into collections for each project

Capture any website with the Chrome extension, keep its screenshot and design details, and bring it back into later work.

Install Fudge for your AI tools

  1. 1. Install Fudge

    Sign in or subscribe here, then run the setup command shown for your account.

  2. 2. Configure another MCP client

    Subscribers can also reveal the manual configuration for another supported client.

  3. 3. Start with a real design question

    Ask for a design outcome and let Fudge bring back relevant website references and details.