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 编程工具
• 分析颜色角色、无障碍对比度、易读文本颜色和颜色阶梯
• 在相关情况下保留媒体、视频、裁剪方式、动效、交互、遮罩、裁切、视口和采集环境等信息

用途と対象者

待编辑核验

料金と利用条件

优点与缺点

利用前に確認

公式サイトで提供範囲、登録、上限、料金を確認し、小さなサンプルで試してください。

公開の公式情報に基づく基本情報です。商用条件、プライバシー、地域アクセス、制限は未確認です。