02-패턴

02. 실전 워크플로우 3종

디자이너 가 가장 자주 만나는 작업 세 가지를 Claude 와 협업하는 패턴.

패턴 1. 디자인 시스템 감사 (Audit)

Figma 내보내기 JSON 또는 CSS 토큰 파일을 던지고 “중복 토큰, 명명 불일치, 다크 모드 누락 항목을 표로 만들어 줘” 요청. 결과는 design-audit.md 에 누적.

필수 컨텍스트 파일: CLAUDE.md, notepad.md, 작업별 입력 파일.

산출물: 마크다운 또는 코드 파일로 git/Notion 에 버전 관리.

패턴 2. 스펙 → 구현 핸드오프 문서

디자인 결정사항(인터랙션, 상태, 엣지케이스)을 음성/메모로 던지면 프론트엔드 개발자가 바로 볼 수 있는 구조화된 핸드오프 마크다운으로 변환.

필수 컨텍스트 파일: CLAUDE.md, notepad.md, 작업별 입력 파일.

산출물: 마크다운 또는 코드 파일로 git/Notion 에 버전 관리.

패턴 3. 접근성 체크 — 카피·대비·스크린리더

화면 캡처와 카피 텍스트를 함께 넣고 “WCAG AA 기준으로 문제될 항목과 대안 카피” 요청. Computer Use 가 없다면 텍스트 + 토큰만으로도 50% 이상 자동화 가능.

필수 컨텍스트 파일: CLAUDE.md, notepad.md, 작업별 입력 파일.

산출물: 마크다운 또는 코드 파일로 git/Notion 에 버전 관리.

합주법

세 패턴은 독립적으로도 쓰지만 PRD/스펙 → 실행 → 검증 순서로 엮으면 한 사이클이 된다.