Fudge란?
Fudge는 AI 기반 디자인 참조 엔진으로, 프로그래머는 실제 생활 사이트의 수천을 검색하고 분석하여 더 나은 웹 사이트를 만들 수 있습니다. 웹 사이트의 스크린 샷뿐만 아니라 글꼴 레이아웃, 색상, 간격, 레이아웃, 구성 요소, 페이지 유형, 미디어, 상호 작용, 대비, 경계, 원형 코너, 그림자 및 그리스를 포함한 디자인 정보를 측정합니다. Fudge는 MCP를 통해 Codex, Cursor 및 Claude Code와 같은 도구와 협력하며, Crome 확장은 사용자가 웹 사이트 및 설계 세부 정보를 저장 할 수 있습니다. 이 에이전트는 디자인 영감, 비주얼 방향, 분석 글꼴 및 채색 시스템, 일치 스크린 샷 및 테일러 CSS, CSS 변수 또는 JSON에 디자인 시스템을 내보내기 위해 Fudge를 사용할 수 있습니다。
주요 기능
스타일, 레이아웃, 색상, 글꼴, 페이지 유형, 구성 요소, 도메인 이름 또는 시각적 유사성의 수천을 검색
웹 사이트 스크린 샷 및 측정 글꼴 레이아웃, 색상, 간격, 레이아웃, 구성 요소, 대조, 프레임, 라운드 코너, 그림자, gradients 및 미디어 세부 정보 제공
웹 사이트에 사용되는 글꼴을 분석하고 유사한 글꼴 또는 일치 글꼴을 찾습니다
가격표, 대시보드, 문서, 가이드 프로세스, 로그인 페이지, 수집 및 드롭 아웃 페이지 등을 찾아보세요
유사한 시각적 외관을 가진 스크린 샷 및 검색 사이트 업로드
Chrome을 사용하여 웹 사이트 및 페이지 영역 저장
reuse를 촉진하기 위하여 프로젝트 수집으로 저장된 참고 상자
AI 프로그래밍 대화에서 저장된 디자인 참조 검색 및 비교
테두리 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%。
가격과 한도는 변경될 수 있습니다. 최신 조건은 공식 웹사이트를 확인하세요.
