What is FontofWeb used for?

FontofWeb is an MCP server and library that lets AI coding tools search real websites, inspect their typography, colors and layout and export a DESIGN.md or design tokens; the site is branded Fudge. It is a good fit for giving an AI coding tool real design references and extracting a design system from an existing site.

How much does FontofWeb cost?

FontofWeb is a paid product with no free plan.

Is FontofWeb open source?

No. FontofWeb is proprietary (closed-source) software and can't be self-hosted. In the Design category, open-source options include Penpot, OpenPencil and Doop.

What are some alternatives to FontofWeb?

FontofWeb competes with Mobbin.

FontofWeb: features, pricing and alternatives

About FontofWeb

The site for this product presents itself as Fudge MCP, a library of real websites for AI coding assistants to study. Through an MCP server, your AI tool can look up real pages filtered by sector, page type, layout, color scheme, typeface, screenshot, URL or a visual idea, then inspect a live site's typography, colors, spacing, layout, components and rendered styles to make better design decisions while it builds.

Specific tools extract a color palette and check contrast, identify fonts and their sizes and weights, suggest visually similar alternatives to a typeface filtered by license, compare design directions and review a page or screenshot to find hierarchy and styling problems. A live website can be turned into a DESIGN.md, Tailwind configuration, CSS variables, design tokens or structured JSON, and a Chrome extension saves websites and their design details for reuse.

Setup is to install the MCP server by signing in or subscribing and running the setup command shown for your account, with manual configuration for other supported clients. A subscription is needed to use it.

Key features

Search real websites by layout, color, font or screenshot
Inspection of typography, colors and spacing
Palette extraction with contrast checks
Font identification and alternatives
Export to DESIGN.md, Tailwind and design tokens
Chrome extension to save references
MCP server for AI coding tools

Good fit for

Giving an AI coding tool real design references
Extracting a design system from an existing site

Tags: mcp; design-systems; web-design; typography; ai-coding; design-tokens; reference-library

FontofWeb: questions and answers

What is FontofWeb used for?: FontofWeb is an MCP server and library that lets AI coding tools search real websites, inspect their typography, colors and layout and export a DESIGN.md or design tokens; the site is branded Fudge. It is a good fit for giving an AI coding tool real design references and extracting a design system from an existing site.
How much does FontofWeb cost?: FontofWeb is a paid product with no free plan.
Is FontofWeb open source?: No. FontofWeb is proprietary (closed-source) software and can't be self-hosted. In the Design category, open-source options include Penpot, OpenPencil and Doop.
What are some alternatives to FontofWeb?: FontofWeb competes with Mobbin.