개요
Design Token Inspector & Moodboard Collector — Brew your design palette.
Drip은 웹에서 디자인 토큰 — 컬러, 타이포그래피, 간격, 그림자 — 을 추출하고 나만의 팔레트로 모아두는 Chrome 확장 프로그램입니다. ───────────────────────────────── ☕ 디자인 팔레트를 내리세요 ───────────────────────────────── 이제 개발자 도구를 뒤질 필요 없습니다. 어떤 웹사이트에서든 Drip을 클릭하세요. 페이지의 모든 컬러, 폰트, 디자인 요소를 정리된 모습으로 확인하고, 복사해서 바로 다음 프로젝트에 쓸 수 있습니다. ───────────────────────────────── 🎨 추출할 수 있는 것들 ───────────────────────────────── - 컬러 — HEX, RGB, HSL, OKLCH - 타이포그래피 — 폰트 패밀리, weight, 크기, line-height, letter-spacing - 간격 — 페이지에서 사용된 padding, margin, gap - Border radius — 일관된 radius 토큰 - 그림자 — box-shadow, text-shadow 값 - 에셋 — 로고, 아이콘, 이미지 (SVG & PNG) ───────────────────────────────── 📥 원하는 방식으로 내보내기 ───────────────────────────────── - CSS Variables - Tailwind config - SCSS - JSON (W3C Design Tokens 표준) - Figma 호환 팔레트 - 일반 텍스트 (빠른 복사용) ───────────────────────────────── 🗂️ 추출만 하고 끝나지 않도록 ───────────────────────────────── 다른 추출 도구와 달리, Drip은 추출한 결과를 저장하고 정리합니다: - 프로젝트별 개인 무드보드 - 태그와 검색으로 빠르게 찾기 - 나만의 디자인 라이브러리 구축 - 로그인 없이, 모든 데이터는 내 기기에만 ───────────────────────────────── 🔒 프라이버시 우선 ───────────────────────────────── - 모든 처리는 브라우저 내부에서 로컬로 진행 - 데이터 수집 없음, 트래킹 없음 - 계정 불필요 - 설치 후엔 오프라인에서도 작동 ───────────────────────────────── 💡 이런 분들께 추천합니다 ───────────────────────────────── - 디자인 시스템을 구축하는 UI/UX 디자이너 - 정확한 CSS 값이 필요한 프론트엔드 개발자 - 실제 사례로 배우는 디자인 전공 학생 - 웹에서 영감을 모으는 모든 크리에이터 ───────────────────────────────── 🌱 무료로 계속 ───────────────────────────────── 핵심 기능은 무료이고, 앞으로도 무료입니다. 구독도, 중요한 기능에 대한 페이월도 없습니다. 기능이 필요했던 개발자가 직접 만들었습니다. 피드백과 기능 제안: hello@typed.me
세부정보
- 버전0.0.1
- 업데이트됨2026년 4월 19일
- 제공Wonseok Jang
- 크기45.91KiB
- 언어언어 2개
- 개발자
이메일
hello@typed.me - 비판매자판매자로 식별되지 않은 개발자입니다. 유럽 연합에 거주하는 소비자의 경우, 이 개발자와 체결한 계약에 대해서는 소비자 권리가 적용되지 않을 수 있음을 유의해야 합니다.
개인정보 보호
Drip에서 데이터 수집 및 사용과 관련하여 다음 정보를 공개했습니다. 더 자세한 정보는 개발자의 privacy policy을 참고하세요.
Drip 항목은 다음을 처리합니다.
개발자가 사용자 데이터에 관해 다음과 같이 선언했습니다
- 승인된 사용 사례를 제외하고 서드 파티에 판매하지 않음
- 항목의 핵심 기능과 관련 없는 목적으로 사용하거나 전송하지 않음
- 신용도 판단 또는 대출 목적으로 사용하거나 전송하지 않음
