Media
1 item
Description
디자인 QA를 위한 CSS 검사 및 Jira 이슈 등록 도구 2.0.2 업데이트 - 이미지 사이즈가 작게 들어가는 버그 수정 - 담당자 지정 시 첫번째 티켓에만 적용되는 버그 수정 - 하위 이슈에 티켓이 등록되지 않는 버그 수정 Design QA Tool은 개발된 화면의 CSS 속성을 검사하고, 디자인과 다른 부분을 Jira 티켓으로 바로 등록할 수 있는 도구입니다. 사용 방법 - 확장프로그램 아이콘을 클릭하면 사이드 패널이 열립니다. - 인스펙션 시작을 누르고 검사할 요소를 클릭합니다. - 선택한 요소의 CSS 속성이 카테고리별로 표시됩니다. - 속성에 마우스를 올리면 패딩, 마진, 갭 등이 색상 오버레이로 시각화됩니다. - 디자인과 다른 속성을 체크하고, 변경되어야 할 값을 입력합니다. (다른 속성 체크 없이 직접 입력도 가능) - Jira 티켓 생성 버튼을 누르면 스크린샷과 함께 티켓이 자동 생성됩니다. (개별로 만들기, 하나로 만들기 택 1) 주요 기능 - 요소 인스펙션 — 클릭으로 요소 선택, 자식 요소로 드릴다운 - 디자인 토큰 표시 — CSS 값 옆에 토큰 이름 자동 표시 (예: clay-space-4 16px) - 시각적 오버레이 — 패딩, 마진, 갭, 테두리 등 영역별 색상 하이라이트 - Jira 연동 — 프로젝트, 담당자, 에픽 선택 후 원클릭 티켓 생성 - 스크린샷 자동 첨부 — 하이라이트 상태의 캡처가 티켓에 포함 - 설정 기억 — 프로젝트, 이슈 유형, 담당자 등 이전 설정 자동 복원 이런 분들에게 추천합니다 - 개발 결과물을 디자인 시안과 비교하는 디자이너 - 디자인 토큰 기반 시스템을 운영하는 팀 - Jira로 디자인 수정 요청을 관리하는 팀 설정 - 옵션 페이지에서 Jira 도메인, 이메일, API 토큰을 입력하면 바로 사용할 수 있습니다.