Skip to content

에이전틱 디자인 리뷰

"디자인 개선해줘", "사용성 있게 바꿔줘."

저처럼 기획자와 디자이너가 없는 조직에서 일하는 개발자들이 요즘 들어 AI 에이전트에게 가장 흔하게 요청하는 형태겠죠? 스스로 디자인 감각이 부족하다고 생각하기에 AI의 힘을 빌려 제품의 사용성을 그럴듯하게 탈바꿈하길 기대하지만, 안타깝게도 에이전트와 눈높이를 맞춰 기대에 부응하는 결과물을 빠르게 얻기는 어려움을 느껴요. 결국 사용자 친화적인 화면이 아니면서, 나조차 마음에 들지 않는 화면으로 남게 되는 것 같아요.

그렇다면 나와 같이 디자인 감각이 부족한 개발자는 대체 어떻게 해야 할까요? 에이전트를 파트너 삼아 제품 디자인과 사용성을 올바르게 리뷰하고 개선하기 위해서는 어떤 생각을 가져야할까요?

에이전틱한 디자인

AI 에이전트가 그리는 화면들을 유심히 보다 보면 매번 비슷한 느낌의 천편일률적인 스타일이 반복되는 것을 보게 돼요. 이러한 정형화된 형태를 흔히 'AI 슬롭(AI Slop)'이라고 부르는데, 최근 공유되는 Impeccable 같은 에이전트 디자인 스킬도 이러한 AI Slop 패턴을 개선하려는 노력 중 하나랍니다. 하지만 아무리 전용 디자인 스킬이나 DESIGN.md 가이드를 추가하더라도, 이것이 애초에 디자인 시스템을 온전히 대체할 수는 없다는 본질적인 한계가 있어요.

결국 도구와 기술이 발전하더라도 전문적인 디자인적 개입과 시각이 필수적일 수밖에 없는 셈이죠. 하지만 디자인 인력은 물론이고 제대로 된 디자인 시스템조차 부재한 조직에서는 이 간극이 더욱 두드러져요. 에이전트가 만들어낸 결과물을 보며 어딘가 모르게 어색하다고 느끼면서도, 무엇을 어떻게 수정해야 하는지 명확한 피드백을 주지 못하는 상황이 발생하기 때문이에요.

이처럼 디자인 지식이 부족한 상태에서 막연하게 "화면 디자인을 개선해줘"라고 요청하는 모습은, 명확한 요구 명세서 없이 그저 "알아서 잘 만들어달라"라고 요구하는 B2B 고객사의 모습과 크게 다르지 않답니다.

개발자의 디자인 리뷰

그렇다면 디자인 감각이 부족한 개발자가 에이전트와 협업하며 제품의 디자인과 사용성을 올바르게 리뷰하려면 어떻게 해야 할까요? 결국 우리가 원하는 바를 명확히 요구하기 위해, 스스로 기본적인 디자인 레이아웃과 용어를 공부하는 수밖에 없어요.

DESIGN.md 템플릿을 모아둔 사이트가 있더라도, 기본 지식이 없다면 그 의미를 온전히 이해하기 어려워요. 그렇기에 9년차가 알려주는 UI 실무 용어와 용어별 업무 적용 꿀팁까지! 같은 자료를 참고하면서 에이전트와 소통할 수 있는 최소한의 '디자인 어휘'를 갖추는 노력이 필요하답니다.

만약 당장 명확한 방향성을 제시하기 막막하다면, 우선 5개 이내의 구체적인 디자인 개선 시안을 보여달라고 요청해 보세요. 제안받은 시안들을 기존 화면에 직접 대입해 비교하면서 추가 시안을 보완해 나가는 것이죠. 이 과정에서 가장 나아 보이는 시안을 골라 에이전트에게 구조와 디자인 원리를 설명해 달라고 요청하면 자연스럽게 디자인을 배울 수 있어요.

그 후 완성된 화면을 바탕으로 디자인 시스템의 뼈대가 되는 디자인 토큰(Design Tokens) 추출을 에이전트에게 요청하면 된답니다. 에이전트가 제시하는 시안 피드백을 비판적으로 수용하고 조율해 나가면서, 스스로 디자인을 바라보는 안목을 길러가야 해요. 과거 개발자가 좋은 아키텍처와 클린 코드를 작성하기 위해 끝없이 공부하고 실천했던 것처럼 말이에요.

Addy Osmani가 Agentic Code Review에서 에이전트를 통한 코드 리뷰의 패러다임 변화를 짚었듯, 디자인 영역에서도 에이전트의 결과물을 검수하고 다듬는 '에이전틱 디자인 리뷰(Agentic Design Review)' 능력이 갈수록 중요해지고 있어요. 결국 에이전트가 내놓은 결과물이 올바른 사용자 경험에 부합하는지 벼리처럼 감별하고 다듬는 정교한 디자인 검수 능력이 앞으로 개발자에게 가장 중요한 역량이 될 것이랍니다.

Released under the MIT License.