개요
클릭 한 번으로 웹 페이지의 디자인 시스템을 확인하고 추출하세요. 디자이너, 개발자, 기획자를 위한 디자인 인스펙터.
방금 올려주신 영문 원본과 줄바꿈, 문단 구조, 항목 개수가 1:1로 완벽하게 일치하는 한국어 번역본입니다. 기존 한국어 설명란에 있던 내용을 모두 지우고, 아래 텍스트를 그대로 복사해서 붙여넣으시면 '메타데이터 불일치' 에러가 해결됩니다. D.Spoid는 복잡한 개발자 도구를 열지 않고도 웹 페이지의 디자인 시스템과 UI 세부 정보를 브라우저에서 바로 확인하고 추출할 수 있는 크롬 확장 프로그램입니다. 디자이너, 프론트엔드 개발자, 기획자를 위해 설계되었으며, 누구나 실제 서비스 중인 웹 페이지의 구조를 빠르게 분석할 수 있도록 돕습니다. D.Spoid는 단순한 개발자 도구의 대체품이 아닙니다. 팀 간의 커뮤니케이션을 개선하고 디자인 시스템에 대한 이해도를 높이기 위해 제작된 실용적인 워크플로우 도구입니다. 간단한 팝업 토글을 통해 현재 탭에서 직접 작동하며, 선택한 UI 요소의 스타일, 레이아웃 및 타이포그래피 정보를 즉시 보여줍니다. 주요 기능 직관적인 UI 검사: 활성화된 웹 페이지에서 직접 UI 요소를 선택하고 검사합니다. 상세한 스타일 측정: 요소의 정확한 크기, 패딩, 마진, 테두리(border) 및 곡률(border-radius)을 확인합니다. 타이포그래피 세부 정보: 폰트 종류, 크기, 굵기 및 텍스트 색상을 즉시 확인합니다. 레이아웃 정보: display, position, overflow 속성을 통해 레이아웃 구조를 파악합니다. 디자인 토큰 감지: 요소에 사용된 CSS 변수 및 디자인 토큰 참조를 감지합니다. Tailwind 매핑 제안: 선택한 요소에 대해 실용적인 Tailwind 스타일 클래스 매핑 제안을 받습니다. 컴포넌트 패턴 감지: 일반적인 UI 시스템 및 라이브러리에서 컴포넌트 패턴을 식별합니다. 빠른 복사 및 공유: 선택한 요소 정보와 콘솔 이슈 요약을 쉽게 복사합니다. AI 친화적 컨텍스트: AI 협업에 최적화된 위치 및 컨텍스트 공유 데이터를 생성합니다. 원활한 워크플로우: 팝업 토글을 통해 현재 탭에서 직접 작동하며, 한국어 및 영어 완벽 현지화를 지원합니다. 개인정보 보호 및 데이터 사용 D.Spoid는 사용자의 개인정보를 존중합니다. 이 확장 프로그램은 어떠한 개인 사용자 데이터도 수집, 저장 또는 판매하지 않습니다. 모든 UI 검사 및 데이터 추출 과정은 전적으로 브라우저 내에서 로컬로 발생하며 외부 서버로 전송되지 않습니다.
세부정보
개인정보 보호
개발자가 사용자 데이터에 관해 다음과 같이 선언했습니다
- 승인된 사용 사례를 제외하고 서드 파티에 판매하지 않음
- 항목의 핵심 기능과 관련 없는 목적으로 사용하거나 전송하지 않음
- 신용도 판단 또는 대출 목적으로 사용하거나 전송하지 않음
