Uber Automates Design Documentation with Agentic Systems

Context

Uber는 7개 플랫폼 스택과 3개 접근성 프레임워크를 유지하면서 수백 개 페이지에 걸친 설계 문서화를 관리해야 했다. 기존 프로세스에서 Figma의 시각적 설계를 각 스택별 기술 명세로 수동 변환하는 작업이 수주를 소요했으며, 특히 VoiceOver(iOS), TalkBack(Android), ARIA(Web) 등 접근성 기능 설명을 완성하는 데 큰 시간이 투입되었다.

Technical Solution

• AI 에이전트를 Cursor IDE에 배포하고 WebSocket 브릿지를 통해 로컬 Figma Desktop 세션에 연결: 컴포넌트 트리 크롤링으로 토큰과 배리언트 축 데이터 추출
• Agent Skills를 구조화된 Markdown 파일로 인코딩: Platform-Specific Accessibility(단일 버튼을 VoiceOver, TalkBack, ARIA 의미 속성에 매핑) 및 Density Logic(SwiftUI, React, Android Compose 스택 간 패딩과 타이포그래피 스케일링 계산)
• 모든 agentic 요청을 GenAI Gateway(Go 기반 프록시)를 통해 라우팅: OpenAI API 미러링 및 PII Redaction으로 외부 모델(Claude 3.5, GPT-4o)로 송신 전 내부 식별자 제거
• Visual-to-Technical Spec 컴파일러 역할로 설계 명세를 자동 생성: 시각적 설계에서 다중 스택 기술 계약으로 자동 변환
• 파이프라인을 로컬에서만 실행하여 클라우드 API 호출 제거: 설계 데이터가 로컬 네트워크를 벗어나지 않고 로컬 Figma Desktop 앱과만 읽기/쓰기 수행

Impact

설계 문서화에 소요되던 시간을 주 단위에서 분 단위로 단축

Key Takeaway

엔터프라이즈 규모의 AI 지원 설계 자동화에서는 클라우드 API 호출을 배제하고 로컬 실행 파이프라인 + 보안 게이트웨이 조합으로 proprietary 데이터 보호와 기술 실행의 양립이 가능하다.