About this tool
Fudge 是一款由 AI 驱动的设计参考引擎，帮助编程代理通过搜索和分析数千个真实生产环境网站，创建更优秀的网站。它不仅提供网站截图，还提供经过测量的设计信息，包括字体排版、颜色、间距、布局、组件、页面类型、媒体、交互、对比度、边框、圆角、阴影和渐变等。Fudge 通过 MCP 与 Codex、Cursor 和 Claude Code 等工具协作，其 Chrome 扩展可以让用户保存网站和设计细节，方便日后使用。代理可以使用 Fudge 获取设计灵感、比较视觉方向、分析字体和配色系统、匹配截图，并将设计系统导出为 Tailwind CSS、CSS 变量或 JSON。
Key features
- 按风格、布局、颜色、字体、页面类型、组件、域名或视觉相似度，搜索数千个真实生产环境网站
- 提供网站截图以及经过测量的字体排版、颜色、间距、布局、组件、对比度、边框、圆角、阴影、渐变和媒体等细节
- 分析网站所使用的字体，并发现相似字体或字体搭配
- 查找定价页、仪表盘、文档、引导流程、登录页、作品集和落地页等页面
- 上传截图，并查找视觉外观相似的网站
- 使用 Chrome 扩展保存网站和页面区域
- 将保存的参考案例整理到项目收藏集中，方便重复使用
- 在 AI 编程对话中搜索和比较已保存的设计参考
- 将字体排版、颜色、间距、圆角、阴影和渐变导出为 Tailwind CSS、CSS 变量或 JSON
- 支持 Codex、Cursor 和 Claude Code 等兼容 MCP 的 AI 编程工具
- 分析颜色角色、无障碍对比度、易读文本颜色和颜色阶梯
- 在相关情况下保留媒体、视频、裁剪方式、动效、交互、遮罩、裁切、视口和采集环境等信息
Use cases and audience
待编辑核验
Input待编辑核验
→Output待编辑核验
Pricing and availability
免费版
每天 25 次 Fudge 查询、MCP 服务器访问权限，以及真实网站参考的搜索和分析功能。无需绑定信用卡。
专业版
无限次 Fudge 查询、网站和字体搜索、截图匹配、颜色工具、Chrome 保存功能、Tailwind v4、CSS 变量和 JSON 导出、无限收藏集以及优先支持。按年付费可优惠 17%。
优点与缺点
优点
- 使用真实生产环境网站，而不只是模拟稿或精选界面图库
- 提供超越截图的详细设计依据，包括字体、颜色、间距、布局和组件
- 通过 MCP 直接融入 AI 编程工作流
- 通过 Chrome 扩展支持网站保存和基于项目的视觉记忆
- 支持视觉相似度搜索和截图匹配
- 可以将设计信息导出为 Tailwind CSS、CSS 变量和 JSON
- 支持针对页面类型、组件、字体排版和视觉风格的详细搜索
- 提供面向无障碍的颜色对比度和可读性分析
- 免费版每天包含 25 次 Fudge 查询，且无需绑定信用卡
缺点与限制
- 高级功能和无限查询需要付费订阅
- 需要使用兼容 MCP 的 AI 编程工具，才能采用基于代理的工作流
- 结果质量可能取决于可用的网站采集数据和搜索描述
- 有效使用参考案例仍需要设计判断力，以避免过度复制现有网站
- 图库包含的是网站采集数据，未必始终反映网站最新的实时状态
Sources
FudgeEditorial references
Toolify 公开资料Before you start
Check availability, registration, limits and plans on the official site. Try a small sample before choosing.
This profile uses public official information, without full testing. Commercial terms, privacy, regional access and limits need further checks.
Basic profile · More checks pending
Scope: name, official link and basic purpose.
View original source
