Design Lens - 웹 디자인 검사기

현재 웹페이지의 색상, 글꼴, 이미지, 요소 크기를 확인해 디자인 검토를 빠르게 진행합니다.

Design Lens는 디자이너, 프론트엔드 개발자, 제품 제작자, QA 리뷰어를 위한 가벼운 웹페이지 디자인 검사 도구입니다. 무거운 디자인 도구나 개발 워크플로로 전환하지 않고도 현재 웹페이지의 시각적 세부 정보를 빠르게 확인할 수 있습니다. 확장 프로그램을 클릭하면 페이지에서 바로 색상, 타이포그래피, 이미지 메타데이터, 기본 요소 크기를 확인할 수 있습니다. 핵심 기능: 페이지에 보이는 색상을 선택하고 HEX, RGB 또는 HSL 값을 복사합니다. 글꼴 패밀리, 크기, 줄 높이, 굵기, 색상 등 텍스트 스타일을 검사합니다. 이미지의 원본 크기, 표시 크기, 형식, alt 텍스트, 과도하게 큰 이미지 경고를 확인합니다. 가벼운 눈금자 모드로 요소의 너비, 높이, 간단한 간격을 확인합니다. 개별 결과, 최근 샘플 또는 수집된 샘플을 복사하거나 내보냅니다. 언어, 테마, 호버 가이드, 최근 샘플을 로컬에 저장합니다. 사용 방법: 지원되는 웹페이지를 엽니다. Design Lens 확장 프로그램을 클릭합니다. Color, Font, Images, Ruler 또는 Element 모드를 선택합니다. 검사를 시작하고 페이지 요소를 클릭해 시각 정보를 수집합니다. 필요한 결과를 복사하거나 내보냅니다. 개인정보 보호: Design Lens는 사용자가 확장 프로그램을 클릭한 후 브라우저에서 로컬로 실행됩니다. 웹페이지 콘텐츠, 스크린샷, 방문 기록, 쿠키, 계정 데이터 또는 사용자 파일을 업로드하지 않습니다. 환경 설정과 최근 샘플은 브라우저 저장소에 로컬로 저장됩니다. 제한 사항: Design Lens는 시각적 검사를 돕는 보조 도구입니다. 웹페이지를 편집하거나, 이미지를 압축하거나, 디자인 파일을 생성하거나, 전체 페이지 스크린샷을 캡처하거나, 데이터를 계정과 동기화하지 않습니다.