Systems

TalkLint — 디자인 시스템 검수 도구

디자이너는 기준이 헷갈리면 작업을 멈추고 질문했고, 디자인 시스템 담당자는 같은 질문에 반복해서 답했습니다. 디자인하는 순간에 기준을 직접 확인할 수 있도록 Figma 플러그인 TalkLint를 기획·디자인·구현했습니다. 보안·비용 검토를 거쳐 사내 프로덕션 디자인 조직 전체에 배포했습니다.

Year2026.07 – 진행 중
PlatformFigma Plugin · 검수 서버
Role기획·디자인·구현 단독
Status디자인 조직 전체 배포

Problem

질문과 답변이 작업을 멈추게 했다

디자인 작업은 빨라졌지만, 기준 확인은 여전히 사람 사이의 질문과 답변에 의존했습니다. 묻는 쪽은 답을 기다리느라 일정이 밀렸고, 답하는 쪽은 같은 질문에 반복해서 시간을 썼습니다. 문서를 더 만드는 대신, 디자인하는 순간에 기준을 확인할 수 있어야 했습니다.

Decision

확실한 규칙은 코드로, 맥락 판단은 AI로, 결정은 사람에게

  • 1단계 · 코드 검사색·글자·모서리 값처럼 기계적으로 대조할 수 있는 것은 디자인 토큰과 바로 비교합니다.
  • 2단계 · AI 검사컴포넌트 오용이나 접근성처럼 맥락이 필요한 항목은 AI가 가이드 문장을 근거로 판정합니다.
  • 최종 · 사람도구는 문제 후보와 근거만 보여주고, 고칠지는 디자이너가 결정합니다.

근거 없는 지적 하나가 도구 전체의 신뢰를 떨어뜨린다고 봤습니다. 가이드 문장을 인용할 수 있을 때만 오류로 표시하도록 기준을 세웠습니다.

Validation

실제 문의와 같은 결론을 냈다

항목결과
프레임당 검수 시간227초 → 84초
과거 실제 문의 재현담당자가 지적한 두 곳을 그대로 검출
사람이 놓친 문제라이브러리 연결 끊김 · 낮은 명암 대비 · 작은 터치 영역
잘못된 지적 보정7차례 규칙 수정

실측 45건 기준입니다.

Rollout

설치만 하면 쓰도록, 보안 기준은 구조에 먼저

처음에는 각자의 PC에서 AI를 돌려야 해서 설치와 로그인이 큰 장벽이었습니다. 검수 서버를 직접 구축해 사용자는 플러그인만 설치하면 되게 만들었습니다. 사내 AI 안전성 검토와 보안 검토, 예산 승인을 거쳤고, 사내망 제한·사용자별 토큰·하루 호출 한도를 처음부터 구조에 넣었습니다. 디자인 시스템 담당 팀의 시연과 파일럿을 거쳐 2026년 9월 프로덕션 디자인 조직 전체에 공개했습니다.

AI 판정이 흔들릴 수 있어 자동 수정은 미뤘다가, 10월에 전후 비교·선택 적용·재검사·되돌리기를 갖춘 자동 수정을 더했습니다. 수정 범위는 색 변수·투명도·라운드·글자 크기로 한정했습니다.

My Role

혼자 만들었고, 배포 조건은 조직과 함께 정했다

리드한 것

  • 문제 정의와 2단계 검사 구조
  • 플러그인 UI·구현과 검수 서버
  • 45건 검증과 오탐 보정
  • 보안 구조 설계와 배포 리딩

함께 한 것

  • 디자인 시스템 기준 — 담당 팀
  • AI 안전성·보안 심사 — 전담 조직
  • 전체 공개 시점 — 디자인 시스템 팀