Overview
디자인 QA를 위한 CSS 검사 및 Jira 이슈 등록 도구
Design QA Tool은 개발된 화면의 CSS 속성을 검사하고, 디자인과 다른 부분을 Jira 티켓으로 바로 등록할 수 있는 도구입니다. 사용 방법 - 확장프로그램 아이콘을 클릭하면 사이드 패널이 열립니다. - 인스펙션 시작을 누르고 검사할 요소를 클릭합니다. - 선택한 요소의 CSS 속성이 카테고리별로 표시됩니다. - 속성에 마우스를 올리면 패딩, 마진, 갭 등이 색상 오버레이로 시각화됩니다. - 디자인과 다른 속성을 체크하고, 변경되어야 할 값을 입력합니다. (다른 속성 체크 없이 직접 입력도 가능) - Jira 티켓 생성 버튼을 누르면 스크린샷과 함께 티켓이 자동 생성됩니다. (개별로 만들기, 하나로 만들기 택 1) 주요 기능 - 요소 인스펙션 — 클릭으로 요소 선택, 자식 요소로 드릴다운 - 디자인 토큰 표시 — CSS 값 옆에 토큰 이름 자동 표시 (예: clay-space-4 16px) - 시각적 오버레이 — 패딩, 마진, 갭, 테두리 등 영역별 색상 하이라이트 - Jira 연동 — 프로젝트, 담당자, 에픽 선택 후 원클릭 티켓 생성 - 스크린샷 자동 첨부 — 하이라이트 상태의 캡처가 티켓에 포함 - 설정 기억 — 프로젝트, 이슈 유형, 담당자 등 이전 설정 자동 복원 이런 분들에게 추천합니다 - 개발 결과물을 디자인 시안과 비교하는 디자이너 - 디자인 토큰 기반 시스템을 운영하는 팀 - Jira로 디자인 수정 요청을 관리하는 팀 설정 - 옵션 페이지에서 Jira 도메인, 이메일, API 토큰을 입력하면 바로 사용할 수 있습니다.
Details
- Version2.0.0
- UpdatedFebruary 10, 2026
- Size60.19KiB
- Languages한국어
- Developer
Email
jooo14@naver.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
픽스 PiCkSS has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.
픽스 PiCkSS handles the following:
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes
