Fudge
Build websites that look designed, not generated. Fudge gives your AI 1,711+ websites to study, so it can make better design decisions while it builds.
Documentation
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.
Detect fonts and research practical alternatives
Identify font families, stacks, sizes, weights, and real usage; then check licensed alternatives when they are available.
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. 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.