Fudgeとは？
Fudge 是一款由 AI 驱动的设计参考引擎，帮助编程代理通过搜索和分析数千个真实生产环境网站，创建更优秀的网站。它不仅提供网站截图，还提供经过测量的设计信息，包括字体排版、颜色、间距、布局、组件、页面类型、媒体、交互、对比度、边框、圆角、阴影和渐变等。Fudge 通过 MCP 与 Codex、Cursor 和 Claude Code 等工具协作，其 Chrome 扩展可以让用户保存网站和设计细节，方便日后使用。代理可以使用 Fudge 获取设计灵感、比较视觉方向、分析字体和配色系统、匹配截图，并将设计系统导出为 Tailwind CSS、CSS 变量或 JSON。
主な機能
按风格、布局、颜色、字体、页面类型、组件、域名或视觉相似度，搜索数千个真实生产环境网站
提供网站截图以及经过测量的字体排版、颜色、间距、布局、组件、对比度、边框、圆角、阴影、渐变和媒体等细节
分析网站所使用的字体，并发现相似字体或字体搭配
查找定价页、仪表盘、文档、引导流程、登录页、作品集和落地页等页面
上传截图，并查找视觉外观相似的网站
使用 Chrome 扩展保存网站和页面区域
将保存的参考案例整理到项目收藏集中，方便重复使用
在 AI 编程对话中搜索和比较已保存的设计参考
将字体排版、颜色、间距、圆角、阴影和渐变导出为 Tailwind CSS、CSS 变量或 JSON
支持 Codex、Cursor 和 Claude Code 等兼容 MCP 的 AI 编程工具
分析颜色角色、无障碍对比度、易读文本颜色和颜色阶梯
在相关情况下保留媒体、视频、裁剪方式、动效、交互、遮罩、裁切、视口和采集环境等信息
長所と制限
長所
- 使用真实生产环境网站，而不只是模拟稿或精选界面图库
- 提供超越截图的详细设计依据，包括字体、颜色、间距、布局和组件
- 通过 MCP 直接融入 AI 编程工作流
- 通过 Chrome 扩展支持网站保存和基于项目的视觉记忆
- 支持视觉相似度搜索和截图匹配
- 可以将设计信息导出为 Tailwind CSS、CSS 变量和 JSON
- 支持针对页面类型、组件、字体排版和视觉风格的详细搜索
- 提供面向无障碍的颜色对比度和可读性分析
- 免费版每天包含 25 次 Fudge 查询，且无需绑定信用卡
制限事項
- 高级功能和无限查询需要付费订阅
- 需要使用兼容 MCP 的 AI 编程工具，才能采用基于代理的工作流
- 结果质量可能取决于可用的网站采集数据和搜索描述
- 有效使用参考案例仍需要设计判断力，以避免过度复制现有网站
- 图库包含的是网站采集数据，未必始终反映网站最新的实时状态
料金と利用条件
每天 25 次 Fudge 查询、MCP 服务器访问权限，以及真实网站参考的搜索和分析功能。无需绑定信用卡。
无限次 Fudge 查询、网站和字体搜索、截图匹配、颜色工具、Chrome 保存功能、Tailwind v4、CSS 变量和 JSON 导出、无限收藏集以及优先支持。按年付费可优惠 17%。
価格や利用上限は変更される場合があります。最新の条件は公式サイトをご確認ください。
