Overrify — 핸드오프 병목을 없앤Figma 플러그인

디자인 핸드오프 과정에서 지정한 스타일·배리어블 값이 어긋났고, 그 불일치가 그대로 개발 병목으로 이어졌어요. 어떤 인스턴스가 어디에 쓰였는지 추적하기 어려워, 수정 범위조차 확정하기 힘들었죠.

특히 오버라이드가 고지 없이 누락되면 개발자는 ‘이게 의도된 값인지’ 알 수 없었어요. 값 하나를 확인하려 디자인 파일을 거슬러 올라가는 동안 시간이 녹았어요.

작은 값 하나의 차이가, 큰 커뮤니케이션 비용을 만든다.

첫 번째 기능은 인스턴스 탐색이에요. 특정 컴포넌트가 파일 어디에 얼마나 쓰였는지 한눈에 보여줘서, 수정의 영향 범위를 추적하는 데 드는 시간을 없앴어요.

‘이 인스턴스를 바꾸면 어디가 영향받지?’라는 질문에, 파일을 헤매지 않고 바로 답할 수 있게 됐어요.

두 번째 기능은 오버라이드 탐지와 복원이에요. 인스턴스에 가해진 오버라이드를 전부 찾아내고(한 화면에서 41개 탐지), 무엇이 어떤 값으로 바뀌었는지 명시하고, 원래 값으로 복원까지 할 수 있어요.

고지 없이 새던 변경들이 모두 표면으로 드러나니, 개발자는 더 이상 ‘이게 의도된 값인가’를 추측하지 않아도 됐어요.

고지 없이 새던 변경 41개가, 한 화면에 드러났다.

만들면서 AI-DLC(AI 기반 개발 흐름) 활용법과 VS Code + Claude 워크플로우를 익혔어요.

가장 크게 남은 건 협업 감각이에요 — 작은 값 하나의 차이가 큰 커뮤니케이션 비용을 만든다는 걸, 도구로 직접 메우며 배웠어요.

내부 문제를 풀려고 만든 도구지만, 같은 병목을 겪는 다른 팀에도 쓸모가 있다고 봐서 Figma 커뮤니티에 플러그인으로 퍼블리시할 예정이에요.

내부 문제를 푼 도구를, 외부로 배포한다.