픽스 PiCkSS

About

2.0.2 업데이트
- 이미지 사이즈가 작게 들어가는 버그 수정
- 담당자 지정 시 첫번째 티켓에만 적용되는 버그 수정
- 하위 이슈에 티켓이 등록되지 않는 버그 수정


Design QA Tool은 개발된 화면의 CSS 속성을 검사하고, 디자인과 다른 부분을 Jira 티켓으로 바로 등록할 수 있는 도구입니다.

사용 방법
- 확장프로그램 아이콘을 클릭하면 사이드 패널이 열립니다.
- 인스펙션 시작을 누르고 검사할 요소를 클릭합니다.
- 선택한 요소의 CSS 속성이 카테고리별로 표시됩니다.
- 속성에 마우스를 올리면 패딩, 마진, 갭 등이 색상 오버레이로 시각화됩니다.
- 디자인과 다른 속성을 체크하고, 변경되어야 할 값을 입력합니다. (다른 속성 체크 없이 직접 입력도 가능)
- Jira 티켓 생성 버튼을 누르면 스크린샷과 함께 티켓이 자동 생성됩니다. (개별로 만들기, 하나로 만들기 택 1)

주요 기능
- 요소 인스펙션 — 클릭으로 요소 선택, 자식 요소로 드릴다운
- 디자인 토큰 표시 — CSS 값 옆에 토큰 이름 자동 표시 (예: clay-space-4 16px)
- 시각적 오버레이 — 패딩, 마진, 갭, 테두리 등 영역별 색상 하이라이트
- Jira 연동 — 프로젝트, 담당자, 에픽 선택 후 원클릭 티켓 생성
- 스크린샷 자동 첨부 — 하이라이트 상태의 캡처가 티켓에 포함
- 설정 기억 — 프로젝트, 이슈 유형, 담당자 등 이전 설정 자동 복원

이런 분들에게 추천합니다
- 개발 결과물을 디자인 시안과 비교하는 디자이너
- 디자인 토큰 기반 시스템을 운영하는 팀
- Jira로 디자인 수정 요청을 관리하는 팀

설정
- 옵션 페이지에서 Jira 도메인, 이메일, API 토큰을 입력하면 바로 사용할 수 있습니다.