Fudge 是一款由 AI 驱动的设计参考引擎，帮助编程代理通过搜索和分析数千个真实生产环境网站，创建更优秀的网站。它不仅提供网站截图，还提供经过测量的设计信息，包括字体排版、颜色、间距、布局、组件、页面类型、媒体、交互、对比度、边框、圆角、阴影和渐变等。Fudge 通过 MCP 与 Codex、Cursor 和 Claude Code 等工具协作，其 Chrome 扩展可以让用户保存网站和设计细节，方便日后使用。代理可以使用 Fudge 获取设计灵感、比较视觉方向、分析字体和配色系统、匹配截图，并将设计系统导出为 Tailwind CSS、CSS 变量或 JSON。
适合人群
- 网页设计师
- UI 设计师
- UX 设计师
- 产品设计师
- 设计工程师
- 前端开发者
- 全栈开发者
- 创意总监
- 品牌设计师
- 设计系统团队
- AI 辅助开发者
- 创业者
- 市场营销团队
- 设计机构设计师
- 字体排版专家
产品优势
- 使用真实生产环境网站，而不只是模拟稿或精选界面图库
- 提供超越截图的详细设计依据，包括字体、颜色、间距、布局和组件
- 通过 MCP 直接融入 AI 编程工作流
- 通过 Chrome 扩展支持网站保存和基于项目的视觉记忆
- 支持视觉相似度搜索和截图匹配
- 可以将设计信息导出为 Tailwind CSS、CSS 变量和 JSON
- 支持针对页面类型、组件、字体排版和视觉风格的详细搜索
- 提供面向无障碍的颜色对比度和可读性分析
- 免费版每天包含 25 次 Fudge 查询，且无需绑定信用卡
使用注意
- 高级功能和无限查询需要付费订阅
- 需要使用兼容 MCP 的 AI 编程工具，才能采用基于代理的工作流
- 结果质量可能取决于可用的网站采集数据和搜索描述
- 有效使用参考案例仍需要设计判断力，以避免过度复制现有网站
- 图库包含的是网站采集数据，未必始终反映网站最新的实时状态
美国
印度
