Accessibility Design System 용 Google Chrome

디자인 시스템 감사에 대한 포괄적인 도구

접근성 디자인 시스템은 활성 탭의 디자인 시스템을 분석하고 독립적인 HTML 보고서를 생성하도록 설계된 Chrome 확장 프로그램입니다. 이 도구는 웹 개발자와 디자이너에게 특히 유용하며, 웹페이지의 시각적 및 구조적 일관성을 감사합니다. 색상, 타이포그래피 및 재사용 가능한 구성 요소와 같은 다양한 요소를 검사하여 사이트 내에서 사용되는 디자인 요소에 대한 자세한 개요를 제공합니다.

가장 추천하는 대안 프로그램

WordlHelper

무료

4.9

주요 기능으로는 가시적인 DOM 분석, 색상 감지 및 분류, 타이포그래피 세부 정보 추출, 간격 검토 및 레이아웃 패턴 식별이 포함됩니다. 이 확장 프로그램은 CSS 변수 및 스타일 규칙 추출을 지원하며, 제안된 디자인 토큰을 생성하고 시각적 불일치를 식별합니다. 또한 감사 결과를 HTML 보고서로 내보낼 수 있어 문서화 및 내부 검토에 필수적인 도구입니다.