디자이너를 위한 AI 워크플로우: 반복은 자동, 취향은 사람

안녕하세요! AI가 디자인 분야에 깊숙이 들어오면서 우리의 작업 방식도 빠르게 변하고 있습니다. 하지만 AI가 추천해 주는 디자인 시안을 그대로 믿어도 될까요? 속도가 빨라진 만큼 디자이너에게 필요한 '진짜 역량'은 무엇일까요?

세계적인 웹 디자인·개발 전문 매체인 Smashing Magazine의 최신 기고글들을 바탕으로, AI 시대를 마주한 디자이너가 갖춰야 할 실무 워크플로우와 핵심 관점을 정리해 드립니다.

1. 확률적 디자인(Probabilistic Design): 불확실성 수용하기

AI가 더 많은 디자인 선택지를 제안하는 세상에서, 우리는 종종 AI의 '예측'을 절대적인 '확실성'으로 오해하곤 합니다. 하지만 AI의 제안은 늘 확률적입니다.

확률적 디자인(Probabilistic Design)이란 UX 및 제품 팀이 불확실성을 자연스럽게 수용하고, AI가 출력한 결과를 정답이 아닌 '하나의 가능성'으로 미묘하게 해석하며, 이에 맞춰 스마트하고 유연하게 대처하는 사고방식을 뜻합니다.

예측 불가능한 AI 출력을 통제하려 하기보다, 그 불확실성을 고려해 다채롭고 적응력 있는 사용자 경험을 설계하는 것이 새로운 디자이너의 역할입니다.

2. 디자인 시스템을 AI에 준비시키기 (How To Make Your Design System AI-Ready)

AI를 활용해 프로토타입을 빠르게 찍어내는 시대가 되었습니다. 하지만 AI가 디자인 시스템의 맥락을 완벽히 이해하지 못하면 일관성 없는 엉망진창인 결과물이 나오기 쉽죠. 이를 방지하기 위해 디자인 시스템을 AI 친화적으로 정비해야 합니다.

• 오차(Drift) 최소화: AI가 시스템 규칙을 벗어나 엉뚱한 컴포넌트를 생성하지 않도록 가이드라인을 엄격히 규정합니다.
• 맥락(Context) 유지: AI 모델이 우리 브랜드 고유의 디자인 언어와 패턴을 잃지 않도록 메타데이터와 패키징 방식을 개선합니다.
• 프로토타입 품질 향상: AI가 생성하는 산출물의 퀄리티를 유지할 수 있도록 설계 패턴(Design Patterns)을 템플릿화합니다.

3. AI 지원 디자인에서의 '의도성(Intentionality)'

에릭 정(Eric Chung)은 AI 덕분에 디자인 실행(Execution) 속도는 엄청나게 빨라졌지만, 제품 사고(Product thinking)가 그 속도를 따라가지 못하고 있다고 지적합니다.

• 단순히 AI 툴을 돌려 템플릿을 빠르게 양산하는 것은 디자인이 아닙니다.
• 디자이너는 늘어난 여유 시간 동안 "이 디자인이 왜 사용자에게 필요한가?", "우리가 해결하려는 진짜 문제는 무엇인가?"에 집중해야 합니다.
• 디자인의 속도가 사려 깊고 의도적인 설계(Thoughtful Design)를 망치지 않도록 디자이너가 키를 잡고 조율해야 합니다.

4. "AI 탑재(Powered by AI)"는 제품 가치가 아닙니다

프로덕트 디자이너와 PM들이 흔히 범하는 실수가 있습니다. 바로 서비스에 AI 기능을 넣고 이를 메인 가치로 홍보하는 것입니다. 파벨 삼소노프(Pavel Samsonov)는 이를 강하게 비판합니다.

• 사용자 중심 디자인의 실종: AI 기술 그 자체를 제품의 메인 가치 제안(Value Proposition)으로 내세우면, 제품-시장 적합성(PMF)을 찾기 어려워집니다.
• 진짜 가치에 집중하기: 사용자는 'AI가 쓰였는지' 관심이 없습니다. 자신이 겪고 있는 문제가 '해결되었는지'가 중요할 뿐입니다. AI는 도구일 뿐, 핵심 가치가 될 수 없습니다.

5. AI 투명성을 위한 실용 인터페이스 패턴

에이전트 중심의 AI(Agentic AI) 환경에서는 기존의 UI 문법이 작동하지 않을 때가 많습니다. 빅터 요코(Victor Yocco)는 AI 시스템의 신뢰를 높이는 인터페이스 패턴을 강조합니다.

• 스피너(Spinners)의 실패: 단순히 화면이 로딩 중임을 알려주는 빙글빙글 도는 스피너는 AI가 뒤에서 무슨 생각을 하고 어떤 데이터를 처리하는지 알려주지 못해 사용자를 불안하게 만듭니다.
• 프로세스의 시각화: AI가 현재 어떤 데이터를 분석하고 있는지, 어떤 단계의 의사결정을 내리고 있는지 진행 상태와 논리적 흐름을 실시간으로 보여주는 인터페이스가 투명성을 높이고 사용자의 신뢰를 구축합니다.

6. 놓치지 말아야 할 최신 UX·웹 기술 동향

CSS로 해결하는 웹 접근성: contrast-color()

놀랍게도 2025년 기준 여전히 70%의 웹사이트가 웹 콘텐츠 접근성 지침(WCAG)의 기본 대비(Contrast) 기준을 충족하지 못하고 있습니다. 수많은 디자인 시스템과 린터 도구를 사용해도 해결되지 않던 이 문제를 해결하기 위해, 이제는 더 나은 CSS 라이브러리가 아닌 브라우저 네이티브 기능인 contrast-color()가 도입되고 있습니다. 시스템 스스로 색상 대비를 보정하도록 만드는 강력한 접근성 도구입니다.

가짜 프로토타입의 함정

사용성 테스트(Usability Session) 중에 사용자가 로그인 화면 등에서 멈칫하며 "내가 잘하고 있나요?"라며 눈치를 살피는 순간이 있습니다. 이는 사용자가 '이것이 실제 작동하는 앱이 아닌 가짜 프로토타입'임을 알아차렸다는 신호입니다. 이 순간 이후로 수집되는 모든 테스트 데이터는 왜곡될 가능성이 큽니다. 프로토타입의 사실감을 높이고 정직하게 사용자를 대하는 설계 요령이 필요합니다.

디자인 및 AI 협업 요약

결국 반복적인 작업과 프로토타이핑 실행은 AI가 알아서 자동화해 주는 시대가 오고 있습니다. 하지만 우리 제품의 고유한 '의도', 브랜드의 '취향', 그리고 진짜 사용자의 문제를 짚어내는 '제품 사고'는 오직 사람만이 할 수 있는 영역입니다. 도구의 속도에 끌려다니지 않고, 방향성을 명확히 쥐고 나아가는 디자이너가 되어 보아요!