Cloudflare의 UX 엔지니어 Sam Mason de Caires는 디자인과 엔지니어링 사이의 간극을 메우기 위해 커스텀 플러그인과 내부 도구를 활용하는 방법론을 제시합니다. 그는 도구가 단순히 보조적인 역할을 넘어, 디자인 시스템의 일관성을 유지하고 반복적인 수작업을 제거함으로써 전체 팀의 생산성을 극대화하는 핵심 자산임을 강조합니다. 결과적으로 잘 설계된 내부 도구는 엔지니어와 디자이너가 본질적인 창의적 문제 해결에 집중할 수 있는 환경을 조성합니다.

디자인과 엔지니어링의 가교, UX 엔지니어링

UX 엔지니어는 디자인의 시각적 언어와 엔지니어링의 기술적 구현 사이를 연결하는 인터페이스 역할을 수행합니다.
단순히 화면을 구현하는 것에 그치지 않고, 디자인 시스템이 실제 제품 개발 워크플로우에 자연스럽게 녹아들 수 있도록 코드 기반의 솔루션을 구축합니다.
디자이너와 개발자가 서로의 제약 사항을 이해하고 공통된 도구 모음을 사용할 수 있도록 협업 프로세스를 최적화합니다.

Figma 플러그인을 통한 워크플로우 자동화

Figma를 단순한 디자인 툴이 아닌 확장 가능한 플랫폼으로 취급하여, API를 활용한 맞춤형 플러그인을 개발합니다.
색상 대비 검사, 레이어 명명 규칙 적용, 디자인 토큰 동기화 등 수동으로 진행할 때 실수가 잦고 반복적인 작업들을 자동화합니다.
Cloudflare 내부 디자인 가이드라인이 실시간으로 반영되는 플러그인을 통해 디자이너가 별도의 문서를 찾아보지 않고도 규격에 맞는 결과물을 내놓을 수 있도록 지원합니다.

실용적인 도구 개발 철학과 접근 방식

도구 제작의 시작점은 항상 '팀이 현재 겪고 있는 가장 큰 고통 지점(Pain Point)'이 무엇인지 파악하는 데서 출발합니다.
처음부터 거대한 시스템을 구축하기보다, 특정 문제를 해결하는 작은 기능부터 개발하여 실제 사용자 피드백을 바탕으로 기능을 확장하는 반복적(Iterative) 방식을 선호합니다.
기술적 정교함보다는 사용자가 도구를 사용할 때 느끼는 마찰을 최소화하고 직관적인 경험을 제공하는 데 우선순위를 둡니다.

내부 도구와 플러그인 제작은 단기적으로는 추가적인 리소스가 투입되는 작업처럼 보일 수 있지만, 장기적으로는 팀의 운영 효율성을 비약적으로 높이고 휴먼 에러를 방지하는 가장 확실한 투자입니다. 디자인 시스템을 운영하거나 협업 효율을 높이고 싶은 팀이라면, Figma API와 같은 플랫폼 확장성을 적극적으로 활용하여 반복되는 업무를 하나씩 자동화해 나가는 것을 추천합니다.