도입 사례

도전 과제

금융 규제 환경에서 외부 API 호출이 전면 금지되어 클라우드 기반 AI 도구를 사용할 수 없었습니다. 인터넷뱅킹 UI 리뉴얼 프로젝트에서 기획-디자인-퍼블리싱 간 전달 비용이 크고, 디자인 시안이 구현 과정에서 변형되는 문제가 반복되었습니다.

솔루션

Airgap Studio를 망분리 내부에 배포하여 Designer로 기획 초안을 생성하고, Bridge로 디자인 → 코드 변환을 자동화했습니다. 디자인 토큰 동기화로 디자인과 코드 간 불일치를 제거하고, Library로 은행 표준 UI 컴포넌트를 관리했습니다.

성과

• 퍼블리싱 작업 시간 60% 단축 — Bridge 자동 변환 활용
• 디자인-코드 불일치 제로 — 디자인 토큰 동기화
• 보안 감사 통과 — 외부 통신 제로 확인
• UI 기준 일관성 확보 — Library 표준 컴포넌트 적용

도전 과제

국가 보안 등급이 적용된 네트워크 격리 환경에서 정부 표준 디자인 시스템(KRDS) 기반의 웹사이트 개편을 진행해야 했습니다. 기존에는 KRDS 가이드 문서를 수동으로 참조하며 퍼블리싱을 진행하여 기준 적용에 오류가 빈번했고, 생산성이 매우 낮았습니다.

솔루션

Airgap Studio를 폐쇄망 내부에 배포했습니다. Bridge의 KRDS 프리셋을 활용해 정부 표준 디자인 토큰을 자동 적용하고, Library로 KRDS 컴포넌트를 탐색·삽입했습니다. Designer로 화면 초안을 빠르게 생성하고 Figma로 전달하여 디자이너-퍼블리셔 간 협업 효율을 높였습니다.

성과

• 개발 환경 현대화 — VS Code 수준 IDE 도입
• KRDS 기준 적용 오류 90% 감소 — 프리셋 자동 적용
• 디자인-개발 협업 시간 50% 단축
• 보안 인증 요구사항 100% 충족

도전 과제

다수의 클라이언트 프로젝트를 동시에 진행하면서 기획서가 디자인에 정확히 반영되지 않고, 디자인이 퍼블리싱에서 재해석되는 문제가 반복되었습니다. 프로젝트마다 UI 기준이 흩어지고, 클라이언트 보안 환경(금융, 공공)에서 AI 도구를 사용할 수 없었습니다.

솔루션

Airgap Studio를 에이전시 표준 개발 환경으로 도입했습니다. Designer로 기획 의도를 즉시 시각화하여 클라이언트 커뮤니케이션 비용을 줄이고, Bridge로 디자인-코드 변환을 자동화하여 퍼블리싱 공정을 단축했습니다. Library로 프로젝트별 표준 컴포넌트를 관리하고, 클라이언트 보안 환경에서도 오프라인으로 AI 기능을 활용했습니다.

성과

• 전달 비용 40% 절감 — 기획→디자인→코드 맥락 연결
• 프로젝트당 퍼블리싱 공정 2주→5일 — Bridge 자동 변환
• 금융/공공 클라이언트 환경 대응 — 오프라인 AI
• 팀 표준화 — Library 기반 컴포넌트 재사용