67
Views
0
Saves
About Fudge
Fudge helps you search real websites for design inspiration and inspect the design system behind live sites. It enables comparing references, getting improvement advice, and exporting websites into files your AI agent can build from.
Updated 8/20/2026
Key Features
- Search real websites for design inspiration by industry, page type, layout, color, font, screenshot, URL, or visual idea.
- Inspect the design system behind live websites: screenshot, typography, colors, spacing, radii, shadows, layout, media, and exact rendered styles.
- Extract or generate color palettes and check contrast between text and background colors.
- Detect fonts and research practical licensed alternatives.
- Compare real references for layout, hierarchy, typography, color, and page structure.
- Get grounded advice to improve websites by uncovering hierarchy and styling problems.
- Turn websites into buildable files: DESIGN.md, Tailwind, CSS, or JSON design tokens.
- Save references into project collections via Chrome extension for later reuse.
- Works with AI coding tools: Codex, Cursor, Claude Code, and other MCP-supported tools.
- Export design systems to Tailwind v4, CSS variables, or JSON for direct use in projects.
Pricing Structure
- Free — $0/month — Access to public DESIGN.md collection and Chrome extension.
- Basic — $19/month — Regular work in web app, hosted MCP access, website reviews.
- Pro — $29/month — 10× Basic allowance for individuals and freelancers.
- Studio — $99/month — 50× Basic allowance for agencies and multi-site work.
Why People Use It
Designers and developers use Fudge to search real websites for authentic design inspiration and inspect live sites for accurate design details. It helps compare references, get improvement advice, and export websites into usable code for AI agents. By saving references and exporting design systems, Fudge bridges the gap between inspiration and implementation.
See Fudge in Action
