Create a DESIGN.md from any website
Enter a URL. Fudge checks the website’s colors, typography, spacing, layout, and components, then turns the findings into a DESIGN.md for your project.
Create a DESIGN.md from https://linear.app for my project.
Install MCP serverGo from a website to DESIGN.md
Your AI can inspect the website’s colors, typography, spacing, and other design details, then write them into a useful project file.
Open the example conversationWhich formats can Fudge create?
Ask for a DESIGN.md guide, Tailwind v4 theme, CSS variables, design tokens, or structured JSON, depending on the website and your project.
Is this the website’s official design system?
No. It is a reconstruction from the pages Fudge inspected. The output describes the design choices on those pages rather than claiming to be the company’s internal source of truth.
Can my AI save the output into my project?
Yes. When Fudge is connected through MCP, your AI can generate the file in the same workspace where you are building.
Questions you can explore
- Convert Website Design Details into Color and Font Tokens
- Convert Website Design Details into CSS Custom Properties
- Convert website design details into a reusable design reference file
- Convert Website Design Details into Structured JSON
- Convert Website Design Details into a Tailwind v4 Theme
- Create color and font tokens from a website reference
More ways to use Fudge
Website design research for AI agents
Paste a URL. Fudge checks its layout, typography, colors, spacing, components, media, and interactions so your AI can use the findings while it builds.
Extract a color palette from any website
Enter a URL to find the website’s colors, see where they are used, and check the contrast between text and backgrounds.
Identify the fonts used on any website
Enter a URL to check its font families, weights, sizes, line heights, files, and where each font appears.