Fudge
Fudge이란 무엇인가요?
Fudge는 코딩 에이전트가 더 나은 웹사이트를 만들 수 있도록 돕는 AI 기반 디자인 레퍼런스 엔진입니다. 수천 개의 실제 운영 웹사이트를 검색하고 분석할 수 있으며, 스크린샷과 함께 타이포그래피, 색상, 여백, 레이아웃, 컴포넌트, 페이지 유형, 미디어, 인터랙션, 대비, 테두리, 모서리 반경, 그림자, 그라디언트 등 측정된 디자인 정보를 제공합니다. Fudge는 Codex, Cursor, Claude Code와 같은 도구에서 MCP를 통해 작동하며, Chrome 확장 프로그램으로 웹사이트와 디자인 세부 정보를 저장해 나중에 활용할 수 있습니다. 에이전트는 Fudge를 사용해 영감을 찾고, 시각적 방향을 비교하고, 폰트와 색상 시스템을 분석하고, 스크린샷과 유사한 디자인을 찾고, 디자인 시스템을 Tailwind CSS, CSS 변수 또는 JSON으로 내보낼 수 있습니다.
Fudge을 어떻게 사용하나요?
호환되는 AI 코딩 도구에서 `npx -y @withfudge/design@latest setup` 명령어를 실행해 Fudge를 설치하세요. 에이전트에게 디자인 영감, 폰트, 색상, 레이아웃, 페이지 유형 또는 스크린샷과 유사한 웹사이트를 찾아달라고 요청할 수 있습니다. 에이전트는 관련 레퍼런스를 분석하고, 구축 과정에서 타이포그래피, 색상, 여백, 레이아웃, 컴포넌트 정보를 활용할 수 있습니다. Chrome 확장 프로그램을 설치하면 웹사이트나 페이지의 특정 영역을 저장하고, 나중에 검색하거나 프로젝트 컬렉션으로 관리할 수도 있습니다.
Fudge의 핵심 기능
스타일, 레이아웃, 색상, 폰트, 페이지 유형, 컴포넌트, 도메인 또는 시각적 유사성을 기준으로 수천 개의 실제 운영 웹사이트 검색
스크린샷과 함께 타이포그래피, 색상, 여백, 레이아웃, 컴포넌트, 대비, 테두리, 모서리 반경, 그림자, 그라디언트, 미디어 세부 정보 제공
사용 중인 폰트를 분석하고 유사한 폰트나 폰트 조합 탐색
가격 페이지, 대시보드, 문서, 온보딩 플로우, 로그인 페이지, 포트폴리오, 랜딩 페이지 등 다양한 페이지 검색
업로드한 스크린샷과 시각적으로 유사한 웹사이트 찾기
Chrome 확장 프로그램으로 웹사이트와 페이지 영역 저장
저장한 레퍼런스를 프로젝트 컬렉션으로 정리
AI 코딩 대화 안에서 저장한 디자인 레퍼런스 검색 및 비교
타이포그래피, 색상, 여백, 모서리 반경, 그림자, 그라디언트를 Tailwind CSS, CSS 변수 또는 JSON으로 내보내기
Codex, Cursor, Claude Code 등 MCP를 지원하는 AI 코딩 도구와 연동
색상 역할, 접근성 대비, 가독성 높은 텍스트 색상, 색상 스케일 분석
필요한 경우 미디어, 동영상, 크롭, 모션, 인터랙션, 오버레이, 클리핑, 뷰포트, 캡처 상황을 함께 보존
Fudge의 사용 사례
새로운 SaaS 랜딩 페이지를 위한 실제 디자인 레퍼런스 찾기
기존 산세리프 서체와 어울리는 세리프 폰트 조합 탐색
Merriweather 또는 Anthropic Serif 같은 특정 폰트를 사용하는 웹사이트 찾기
웹사이트의 폰트와 색상을 Tailwind 테마로 내보내기
세리프 디스플레이 타이포그래피, 좁은 모서리 반경, 부드러운 그림자, 접근성이 높은 CTA 대비를 사용하는 어두운 가격 페이지 찾기
스크린샷과 시각적 방향이 유사한 웹사이트 찾기
금융 제품을 만들기 전에 핀테크 디자인 패턴 연구
여러 디자인 프로젝트에서 웹사이트 레퍼런스를 저장하고 비교
모던함이나 프리미엄함처럼 모호한 프롬프트 대신 AI 코딩 에이전트에 구체적인 시각적 가이드 제공
기존 제품 웹사이트의 레이아웃과 디자인 시스템을 분석한 뒤 유사한 인터페이스 제작
Fudge의 FAQ
Fudge는 AI 코딩 에이전트에 무엇을 제공하나요?
Fudge는 어떤 AI 코딩 도구와 연동되나요?
Fudge에서 폰트와 폰트 조합을 검색할 수 있나요?
웹사이트의 디자인 시스템을 내보낼 수 있나요?
찾은 웹사이트를 저장할 수 있나요?
스크린샷 기반 시각 검색을 지원하나요?
스크린샷 외에 어떤 정보를 저장하나요?
무료 플랜이 있나요?
무료 플랜을 이용하려면 신용카드가 필요한가요?
Fudge는 디자인 영감 갤러리와 어떻게 다른가요?
Fudge 리뷰(0)
Fudge 가격
무료
월 $0
하루 25회의 Fudge 쿼리, MCP 서버 액세스, 실제 웹사이트 레퍼런스 검색 및 분석 기능을 제공합니다. 신용카드가 필요하지 않습니다.
프로
월 $29
Fudge 쿼리 무제한, 웹사이트 및 폰트 검색, 스크린샷 매칭, 색상 도구, Chrome 저장 기능, Tailwind v4·CSS 변수·JSON 내보내기, 컬렉션 무제한, 우선 지원이 포함됩니다. 연간 결제 시 17% 할인됩니다.
Fudge 분석
Fudge 웹사이트 트래픽 분석
지리적 트래픽
상위 2지역
Fudge 삽입 실행
웹사이트 배지를 사용하여 커뮤니티에서 Toolify Launch에 대한 지원을 유도하세요. 홈페이지나 바닥글에 쉽게 삽입할 수 있습니다.
Fudge의 대안
소셜 리스닝