'김철수한테 5만 원 보내줘.' 사용자가 타이핑 한 줄을 치면, AI 에이전트는 수취인을 확인하고, 잔액을 조회하고, 이체 흐름을 시작한다. 메뉴를 찾아 세 단계를 누르던 여정이 대화 한 문장으로 압축된다. 이걸 처음 보면 '화면이 필요 없어지는 것 아닌가'라는 생각이 먼저 든다.
그런데 실제로 금융 AI 에이전트를 만들어본 개발자는 정반대의 결론에 도달했다. velog에 올라온 회고 글에서 저자는 이렇게 적는다. "Agent가 메뉴를 대체한다기보다, 기존 화면과 다른 종류의 화면을 새로 요구한다고 느꼈다." 에이전트가 화면을 줄이는 게 아니라, 지금까지 없던 종류의 화면을 요구한다는 것이다.
왜 그럴까. 기존 이체 화면과 에이전트 확인 화면은 겉보기엔 같은 송금 정보를 보여주지만, 사용자에게 던지는 질문이 다르다. 기존 화면은 '내가 무엇을 입력해야 하지?'를 묻는다. 에이전트 화면은 'AI가 내 말을 무엇으로 이해했고, 나는 무엇을 확인해야 하지?'를 묻는다. 입력의 주체가 사람에서 AI로 넘어가는 순간, 화면이 담아야 하는 맥락이 통째로 바뀐다.
이 차이를 무시하면 '불쾌한 골짜기'가 생긴다. 기존 금융 화면을 그대로 복사하면 AI가 해석한 결과인데 마치 사용자가 직접 입력한 것처럼 보여, 에이전트의 역할과 책임이 숨는다. 반대로 챗봇 말풍선만으로 처리하면, 이체처럼 상태를 바꾸는 중요한 결정이 가벼운 대화처럼 흘러가 버린다. 사용자는 자신이 지금 어떤 결정을 하고 있는지 놓치기 쉽다.
이 문제는 비단 금융 서비스만의 이야기가 아니다. AI를 활용해 웹앱을 빠르게 출시한 사례를 공유한 dev.to의 글에서도 비슷한 맥락이 보인다. 저자는 AI를 PM, 디자이너, 개발자로 활용해 MVP를 빠르게 출시했는데, 그 과정에서 핵심 전략으로 꼽은 것이 '디자인 시스템을 먼저 정의하는 것'이었다. 색상 팔레트, 타이포그래피, 컴포넌트 단위를 먼저 설계한 뒤 AI에게 생성을 위임했다. 규칙이 없는 AI 생성은 일관성 없는 UI를 만들고, 그 수습이 오히려 더 많은 시간을 잡아먹는다는 걸 알았기 때문이다.
결국 두 사례가 가리키는 방향은 같다. AI가 화면 생성의 주도권을 가져갈수록, 그 AI를 제어하는 규칙 체계 — 즉 디자인 시스템 — 가 더 견고해야 한다. AI는 빠르게 화면을 만들지만, 그 화면이 일관된 경험을 유지하게 만드는 건 여전히 사람이 설계한 시스템이다.
그런데 여기서 한 가지 더 생각해야 할 게 있다. 기존 디자인 시스템의 컴포넌트들 — Button, Input, Modal — 은 사용자가 능동적으로 조작하는 흐름을 전제로 설계됐다. 에이전트 시대에는 그 전제가 흔들린다. AI가 해석한 결과를 보여주는 방식, 불확실한 상태를 표현하는 방식, 실행을 멈추고 사용자에게 확인을 요청하는 방식, 중단된 태스크를 다시 이어가는 방식. 이런 패턴들은 기존 컴포넌트 라이브러리에 없다.
이것을 '새로운 AI 디자인 트렌드'로 따로 분리해서 볼 필요는 없다. velog 글의 저자가 정확하게 짚었듯, 이는 기존 디자인 시스템이 확장해야 할 영역이다. 에이전트의 상태 — 이해 중, 확인 대기, 실행 완료, 오류 — 를 사용자가 자연스럽게 읽을 수 있는 시각 언어로 번역하는 것. 이것이 지금 디자인 시스템이 해결해야 할 다음 문제다.
스케일이 커질수록 이 문제의 무게도 달라진다. dev.to에 올라온 또 다른 글은 연매출 500만 유로 이상 기업의 웹사이트 리디자인을 다루는데, 핵심 메시지는 "리디자인은 디자인 프로젝트가 아니라 마이그레이션"이라는 것이다. 기존 사이트가 유기 트래픽, CRM 연동, 컴플라이언스 페이지를 떠받치는 '하중 부담 시스템'이 됐을 때, 그걸 바꾸는 건 빈 페이지에 새로 그리는 일이 아니다. 에이전트 UI도 마찬가지다. 기존 메뉴 기반 흐름이 사용자 신뢰와 업무 효율을 떠받치고 있을 때, 거기에 에이전트를 끼워 넣는 일은 단순한 기능 추가가 아니다. 기존 경험 전체를 마이그레이션하는 작업이다.
이 모든 맥락을 종합하면, 프론트엔드의 역할 정의가 바뀐다는 결론이 나온다. 에이전트가 존재하는 제품에서 프론트엔드는 '에이전트가 만든 결과물을 예쁘게 렌더링하는 마지막 단계'가 아니다. AI와 사람 사이의 책임 경계를 사용자가 읽을 수 있는 경험으로 번역하는 역할이다. 에이전트가 무엇을 이해했는지, 어디까지 진행했는지, 왜 지금 사용자의 확인이 필요한지 — 이 정보가 화면에서 명확하게 보여야만 사용자는 AI를 신뢰하고 실수 없이 의사결정을 할 수 있다.
AI 도구가 UI를 빠르게 생성하는 시대다. 하지만 '빠르게 생성된 화면'과 '사용자가 신뢰할 수 있는 경험' 사이의 거리는 여전히 설계의 몫이다. 에이전트가 더 많은 화면을 가져갈수록, 남겨진 화면은 더 분명해야 한다. 그 분명함을 만드는 것이 디자인 시스템이고, 그 시스템을 에이전트 시대에 맞게 확장하는 것이 지금 프론트엔드 개발자가 마주한 진짜 과제다.