NEWS
"귀찮음이 혁신을 만든다" 명도 대비 툴 고도화로 배운 AI 협업의 진짜 의미
- 인사이트 2026.05.29.
안녕하세요, DX사업부입니다.🌸
오늘은 디자이너라면 한 번쯤 느껴봤을 아주 사소한 불편함에서 시작된 이야기를 나눠보려 합니다.
🔍 문제의 시작 — "이거, 매번 해야 해?"
웹 접근성은 디자인에서 타협할 수 없는 기준입니다. 하지만 수십, 수백 개의 UI 컴포넌트마다 배경색과 텍스트 색상의 명도 대비를 일일이 수동으로 계산하는 작업은… 솔직히 말하면, 꽤 지치는 일이었습니다.
기존 툴들은 단일 색상 비교에는 유용했지만, 복잡한 디자인 시스템 안에서 활용하기엔 분명한 한계가 있었습니다. 반복되는 루틴 속에서 한 가지 생각이 커졌습니다.
"우리 디자인 시스템 안에서 명도 대비를 자동으로 검수하고, 대안 컬러까지 제안해줄 수는 없을까?"
이 작은 물음이 이번 프로젝트의 출발점이었습니다.
기존 툴들은 단일 색상 비교에는 유용했지만, 복잡한 디자인 시스템 안에서 활용하기엔 분명한 한계가 있었습니다. 반복되는 루틴 속에서 한 가지 생각이 커졌습니다.
"우리 디자인 시스템 안에서 명도 대비를 자동으로 검수하고, 대안 컬러까지 제안해줄 수는 없을까?"
이 작은 물음이 이번 프로젝트의 출발점이었습니다.
💻 아이디어를 직접 코드로 — 바이브코딩의 시작
아이디어가 생겼다면, 기다리는 것보다 직접 부딪혀보는 게 저희 방식이었습니다.
디자이너가 직접 Gemini를 활용한 바이브코딩(Vibe Coding)으로 명도 대비 자동화 툴의 초기 프로토타입을 만들었습니다. 코드를 처음부터 완벽하게 짜는 것이 목표가 아니었습니다. "이런 흐름으로 동작하면 좋겠다"는 디자이너의 감각과 의도를 코드라는 언어로 구체화하는 것, 그게 핵심이었습니다.
직접 프로토타입을 만들어보니 막연했던 요구사항이 눈에 보이는 형태로 잡혔고, 어디서 막히는지, 무엇이 더 필요한지가 훨씬 선명해졌습니다.
완성된 프로토타입을 AX TF(AI Experience TF) 팀에 전달하며 본격적인 고도화 작업이 시작되었습니다.
디자이너가 직접 만든 초안이 있었기에, 협업의 출발점이 달랐습니다. "이런 게 필요해요"라는 말 대신 "이렇게 만들어봤는데, 여기서부터 더 정교하게 발전시켜줄 수 있을까요?"라는 대화가 가능했습니다. 페인 포인트가 코드에 이미 녹아있었으니까요
AX TF팀은 이를 바탕으로 수치상의 명도 대비를 넘어, 실제 렌더링 시 시각적 인지 편차까지 고려한 정교한 AI 자동화 알고리즘으로 발전시켰습니다. 그리고 저희가 가장 공들인 부분은 따로 있었습니다.
AI가 제안하는 대안 컬러가 브랜드 가이드라인을 벗어나지 않도록 제약 조건을 설계하는 것. 기능이 완벽해도, 결과물이 브랜드 아이덴티티를 해친다면 의미가 없으니까요.
디자이너가 직접 Gemini를 활용한 바이브코딩(Vibe Coding)으로 명도 대비 자동화 툴의 초기 프로토타입을 만들었습니다. 코드를 처음부터 완벽하게 짜는 것이 목표가 아니었습니다. "이런 흐름으로 동작하면 좋겠다"는 디자이너의 감각과 의도를 코드라는 언어로 구체화하는 것, 그게 핵심이었습니다.
직접 프로토타입을 만들어보니 막연했던 요구사항이 눈에 보이는 형태로 잡혔고, 어디서 막히는지, 무엇이 더 필요한지가 훨씬 선명해졌습니다.
🤝 AX TF와의 협업 — 프로토타입에서 실무 툴로
완성된 프로토타입을 AX TF(AI Experience TF) 팀에 전달하며 본격적인 고도화 작업이 시작되었습니다.
디자이너가 직접 만든 초안이 있었기에, 협업의 출발점이 달랐습니다. "이런 게 필요해요"라는 말 대신 "이렇게 만들어봤는데, 여기서부터 더 정교하게 발전시켜줄 수 있을까요?"라는 대화가 가능했습니다. 페인 포인트가 코드에 이미 녹아있었으니까요
AX TF팀은 이를 바탕으로 수치상의 명도 대비를 넘어, 실제 렌더링 시 시각적 인지 편차까지 고려한 정교한 AI 자동화 알고리즘으로 발전시켰습니다. 그리고 저희가 가장 공들인 부분은 따로 있었습니다.
AI가 제안하는 대안 컬러가 브랜드 가이드라인을 벗어나지 않도록 제약 조건을 설계하는 것. 기능이 완벽해도, 결과물이 브랜드 아이덴티티를 해친다면 의미가 없으니까요.
✅ 결과 — AI는 대체재가 아니라 조력자
이 툴은 아직 일부 팀원들이 사용하며 검증하는 단계에 있습니다. 그럼에도 불구하고 이미 변화를 체감하는데요.
직접 써본 팀원들 사이에서 반복 계산에 쏟던 시간이 줄어들고, 그만큼 "사용자에게 어떤 가치를 전달할 것인가" 라는 본질적인 고민에 집중할 수 있게 되었다는 피드백이 나오고 있습니다.
또, "디자이너도 AI로 직접 만들어볼 수 있다"는 자신감을 얻을 것도 소중한 자산입니다. 완벽한 코드가 아니어도 괜찮습니다. 자신의 문제를 가장 잘 아는 사람이 직접 첫 삽을 뜨는 것, 그것이 협업의 질을 완전히 바꿔놓았습니다. 정식 배포 이후가 더 기대되는 이유이기도 합니다.
직접 써본 팀원들 사이에서 반복 계산에 쏟던 시간이 줄어들고, 그만큼 "사용자에게 어떤 가치를 전달할 것인가" 라는 본질적인 고민에 집중할 수 있게 되었다는 피드백이 나오고 있습니다.
또, "디자이너도 AI로 직접 만들어볼 수 있다"는 자신감을 얻을 것도 소중한 자산입니다. 완벽한 코드가 아니어도 괜찮습니다. 자신의 문제를 가장 잘 아는 사람이 직접 첫 삽을 뜨는 것, 그것이 협업의 질을 완전히 바꿔놓았습니다. 정식 배포 이후가 더 기대되는 이유이기도 합니다.
🚀 마치며 — DX사업부의 '기분 좋은 귀찮음'은 계속됩니다
"귀찮다"는 감각은 때로 나태함의 신호이기도 하지만, 저희에게는 혁신의 시그널이기도 합니다.
앞으로도 실무의 작은 불편함을 그냥 지나치지 않고, AI라는 도구를 활용해 더 스마트하게 일하는 방식을 끊임없이 탐구할 것입니다. 이번 명도 대비 툴 고도화는 그 긴 여정의 첫 페이지입니다.
플랜아이의 모든 구성원이 더 창의적인 일에 몰입할 수 있도록, DX사업부의 '기분 좋은 귀찮음'은 계속될 예정입니다.🌿
작성: DX사업부 디자인그룹 디자인3팀 김국희 책임리더
앞으로도 실무의 작은 불편함을 그냥 지나치지 않고, AI라는 도구를 활용해 더 스마트하게 일하는 방식을 끊임없이 탐구할 것입니다. 이번 명도 대비 툴 고도화는 그 긴 여정의 첫 페이지입니다.
플랜아이의 모든 구성원이 더 창의적인 일에 몰입할 수 있도록, DX사업부의 '기분 좋은 귀찮음'은 계속될 예정입니다.🌿
작성: DX사업부 디자인그룹 디자인3팀 김국희 책임리더
