활용 사례

도전 과제

금융감독원 전자금융감독규정에 따라 외부 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% 충족

도전 과제

ISMS 인증 의무가 적용된 핵심망 보안 환경에서 고객 포털 및 내부 운영 시스템의 UI를 리뉴얼해야 했습니다. 수백 개의 화면을 보유한 대규모 서비스에서 디자인 일관성을 유지하기 어려웠고, 외부 클라우드 AI 도구는 고객 개인정보 처리 구간에서 사용이 제한되었습니다.

솔루션

Airgap Studio를 사내 보안 환경에 배포하여 기존 디자인 시스템을 Library에 등록하고, Bridge로 Figma 디자인을 코드로 자동 변환했습니다. Assistant가 기존 코드베이스를 분석하여 리팩토링을 지원하고, Designer로 신규 화면의 프로토타입을 빠르게 생성했습니다.

성과

• 화면당 퍼블리싱 시간 55% 단축 — 자동 변환 + 컴포넌트 재사용
• 디자인 시스템 일관성 확보 — 수백 개 화면 표준 적용
• 개인정보 처리 구간 보안 준수 — 외부 통신 제로
• 레거시 코드 리팩토링 가속 — AI 기반 코드 분석

도전 과제

금융권 차세대 시스템 구축 프로젝트에서 200명 이상의 개발자가 고객사 망분리 환경에 투입되었습니다. 프로젝트마다 다른 고객사의 보안 정책에 대응하면서도 SI 기업의 표준 개발 프로세스를 유지하는 것이 어려웠고, 클라우드 기반 AI 코딩 도구를 전혀 사용할 수 없어 생산성 격차가 발생했습니다.

솔루션

Airgap Studio를 SI 표준 개발 도구로 채택하여 모든 고객 프로젝트에 일괄 배포했습니다. Library를 통해 SI 사내 표준 컴포넌트와 코드 패턴을 공유하고, Bridge로 고객사별 디자인 시스템에 맞춘 자동 변환을 적용했습니다. Assistant가 오프라인 환경에서도 코드 리뷰와 문서화를 지원하여 신규 투입 인력의 적응 시간을 단축했습니다.

성과

• 개발자 온보딩 시간 70% 단축 — 표준 환경 + AI 지원
• 프로젝트 간 코드 재사용률 40% 향상 — Library 표준 컴포넌트
• 고객사 보안 심사 일괄 통과 — 외부 통신 제로 아키텍처
• 200명+ 동시 사용 검증 — 엔터프라이즈급 안정성