뱅크샐러드, 700개 아이콘 개편 완료: AI 자동화 및 유연한 배포 전략 적용

• 700개 이상 아이콘을 실제 프로덕트에 안착시키기 위한 디자인 리뷰, AI 기반 워크플로우 개선, 유연한 배포 전략을 적용함
• 700개 아이콘에 최대 4,900개의 한글 연관 검색어(메타데이터)를 AI와 MCP, Figma 플러그인(Sheet Sync)을 활용해 자동화함
• 파일명 충돌 문제를 해결하기 위해 일괄 배포 후 라이브 모니터링 및 순차적 핫픽스 전략을 통해 아이콘 2.0 전환을 완료함
• 디자인의 상징성보다 사용자의 인지적 편안함이 우선임을 확인하며, 직관적인 기호로서의 아이콘 원칙을 재확인함

디자인 원칙 및 리뷰

• 포용적 디자인 의도와 직관성 사이에서 갈등했던 휠체어 아이콘을 예로 들어, 정면 형태보다 측면 형태가 모바일 화면에서 더 직관적임을 확인함
• 13가지 규칙 적용 과정에서 놓친 본질을 동료 디자이너와의 밀도 높은 피드백을 통해 보완함

AI 자동화 워크플로우

• MCP를 이용해 Figma와 AI를 연결하여 아이콘 이미지와 이름 정보를 분석함
• AI가 추출한 직관적인 한글 키워드를 시트 데이터로 정리한 후, Figma 플러그인 Sheet Sync로 아이콘 프레임에 동기화함

배포 전략

• 개발자의 수고를 줄이기 위해 신형 아이콘 파일명을 구형과 동일하게 맞춰 덮어쓰기 방식을 채택함
• 버전 구별이 어려운 문제를 해결하기 위해 700개 아이콘을 일괄 배포한 뒤, 주요 화면 모니터링과 긴급 수정 세션을 진행함