搜索真实生产网站
按描述、布局、字体、颜色、截图或域名搜索真实网站，而不是依赖线框图或通用灵感板。
Fudge 是什么
Fudge 是一款设计参考搜索工具，可帮助用户从真实生产网站中查找、检查、保存并复用示例。该网站将其定位为一种查询排版、配色方案、UI 模式和布局细节的方式，而不是从通用灵感或线框图开始。
它将可搜索的网站库与浏览器捕获和导出工作流结合起来。用户可以按风格搜索、查看页面的构成方式、从 Chrome 保存示例，并将捕获到的视觉细节转化为 Tailwind、CSS 变量、JSON 和设计 token 等格式，以便在代码或 AI 辅助工作流中使用。
核心功能
拆解为设计系统数据
检查页面的排版、颜色值、间距、边框、圆角、阴影、渐变、布局层级、媒体角色以及从源网站捕获的其他结构细节。
捕获并整理参考
从 Chrome 保存网站，并将截图、字体、颜色、间距、布局和来源上下文保存在可复用的库或集合中。
导出为适合代码的格式
将观察到的样式导出为 Tailwind、CSS 变量、JSON、DTCG 和 Figma tokens，并支持结构化结果和可重建的布局数据。
将设计参考连接到 AI 工具
在兼容 MCP 的 AI 客户端中使用 Fudge，让代理能够查询已捕获的参考，并处理截图、配色、排版和来源上下文。
Fudge 的常见用法
为新的 UI 收集参考
设计师可以搜索具有特定外观的定价页、仪表板、引导流程或落地页，然后检查其背后的字体、颜色和布局选择。
将网站转换为便于实现的样式
工程师可以从 Chrome 保存一个示例网站，并将其视觉属性导出为 Tailwind 或 CSS 变量，作为实现的起点。
为代理提供生产设计上下文
AI 用户可以通过兼容 MCP 的客户端连接 Fudge，让模型使用已捕获的截图、配色、排版和来源上下文来回答问题，而不是靠猜测。
整理可复用的设计参考
团队可以建立一个保存的网站和集合的个人库，以便在未来项目中回看示例，而不是每次都从零开始搜索。
研究字体搭配和替代方案
比较排版选择的人可以搜索使用某种字体或其相近替代字体的真实网站，然后查看这些字体在生产环境中的搭配方式。
Pros and Cons
Pros
- 基于真实生产网站，而不是线框图或示意稿。
- 支持按字体、颜色、布局、截图和域名等实用设计属性进行搜索。
- 将捕获、检查、保存和导出整合到一个工作流中。
- 提供对实现有用的输出格式，包括 Tailwind、CSS 变量、JSON 和设计 token。
- 展示了在 AI 工具内部使用已捕获设计上下文的基于 MCP 的路径。
Cons
- 公开页面没有为每个工作流表面提供详细、完整的集成矩阵或文档。
- 部分能力描述较为宽泛，而不是在所提供页面上得到深入说明，因此仅凭来源内容，仍不清楚高级设置细节。
FAQ
Fudge 是做什么用的？
Fudge 用于在已保存的生产网站中搜索设计参考，例如布局、排版、配色、间距和 UI 模式。定价页和 MCP 页面还显示，它可以通过兼容 MCP 的客户端在 AI 工具中使用。
实际中如何使用 Fudge？
源页面显示了一个可从浏览器保存网站的 Chrome 扩展，以及用于将 Fudge 连接到 AI 工具的 MCP 设置。网站还说明你可以从真实网站中搜索、检查、保存并复用设计。
Fudge 可以导出什么？
是。定价页说明 Fudge 可以将网站的排版、颜色、间距和设计 token 导出为 Tailwind、CSS 变量和 JSON，tokens 页面还提到可导出为 Figma tokens 和 CSS。
Fudge 的价格是多少？
定价页说明订阅价格为每月 15 美元或每年 150 美元，并显示按年付费可享 17% 折扣。页面还说明该方案适用于你自己的设计工作，商业授权需要联系公司。
Fudge 支持集成吗？
源内容没有展示详细的公开集成列表，但确实表明它提供 Chrome 扩展、订阅产品，以及面向 AI 代理的兼容 MCP 工作流。
Quick Facts
- 类别
- 设计工具 / 开发者工具
- 主要用途
- 设计灵感、参考搜索和设计 token 提取
- 平台
- 带有 Chrome 扩展的 Web 应用
- AI 工作流
- 支持兼容 MCP 的客户端供代理使用
- 导出格式
- Tailwind、CSS 变量、JSON、DTCG 和 Figma tokens
- 价格
- 公开方案为每月 15 美元或每年 150 美元
Fudge 替代品
图像大厨imgcook
图像大厨imgcook是一款设计转代码工具，可将设计稿转换为前端代码，支持Sketch、Photoshop、VS Code及CLI等插件化与开发者工作流。
ByteAsk
ByteAsk 是面向 C 和 C++ 的终端优先 AI 编码 agent，可直接编辑仓库，并在展示 diff 前用真实编译器、调试器、sanitizers 和测试验证修改。提供免费版与付费方案。
CreateOS Sandbox
CreateOS Sandbox 是基于 Firecracker 微型虚拟机的隔离计算环境，用于运行代码和 agent 工作负载，支持私有网络、SDK、CLI 和 MCP 程序化控制。
hob
hob 是面向编码 agent 的独立工作区，可将 agent 会话、终端、历史记录和后续工作围绕你已在用的工具与提供商有序管理，适合重视本地路由、历史和工作区结构控制的开发者。
Ably Chat
Ably Chat 是用于构建自定义实时聊天应用的 chat API 平台，支持房间消息、输入指示、在线状态、表情回应与消息更新，并提供按使用量计费选项。
Manta AI
Manta AI 是面向团队的自治式网页应用测试工具，可从 URL 自动探索应用、映射行为、捕捉回归，并用自然语言生成测试，无需脚本或维护选择器。