최근 생성형 인공지능(AI)의 발전에 따라 웹사이트와 애플리케이션의 화면이 몇 분 만에 제작되는 시대가 도래했습니다. 그러나 이러한 AI가 생성한 결과물들은 종종 비슷한 형태로 나타나며, 사용자의 실제 문제를 해결하지 못하거나 품질이 떨어지는 경우가 많습니다. 이러한 현상을 ‘AI Slop’이라고 부르며, 이는 AI의 코딩 능력보다 사전 설계 과정의 중요성을 강조합니다. 사용자의 문제를 정의하고, 누구를 위해 어떤 결과물을 만들어야 하는지를 명확히 하지 않으면, AI가 생성하는 결과물은 결국 유사해질 수밖에 없습니다.
이에 따라 전자신문인터넷에서는 오는 10월 16일 서울 위플레이스 강남2호점에서 ‘UX 기획·DESIGN.md 설계·AI 구현 전 과정 1-day 워크숍’을 개최합니다. 이번 워크숍은 단순한 코딩 교육이 아닌, 사용자의 문제를 파악하는 유저 리서치부터 시작하여 제품 요구 사항 문서(PRD) 작성, 디자인 명세서인 ‘DESIGN.md’ 설계, 사용자 환경(UI) 프로토타이핑, 코딩 에이전트를 활용한 구현과 서비스 배포까지 전 과정을 아우르는 실습입니다.
바이브 코딩의 진입 장벽이 낮아지면서, 코딩 경험이 부족한 사람들도 AI와의 대화를 통해 서비스를 만들 수 있는 기회를 가지게 되었습니다. 그러나 동일한 AI 도구를 사용하는 사람들의 결과물은 점점 더 유사해지는 경향이 있습니다. 이는 기능만을 요청하고, 사용자의 특성이나 문제 해결 방안에 대한 충분한 설명이 없기 때문입니다. 따라서 이번 교육에서는 UX 설계 방법론을 통합하여 이러한 문제를 해결하고자 합니다.
교육의 첫 번째 세션에서는 같은 AI를 사용하더라도 결과물의 완성도가 달라지는 이유를 분석합니다. 참가자들은 UX 중심의 바이브 코딩 프로세스를 이해하게 되며, 클로드 코드(Claude Code)와 코덱스(Codex)와 같은 주요 코딩 에이전트의 차별성을 배우게 됩니다. 또한, Claude Design, Google Stitch, Pencil 등의 AI 기반 UX·디자인 도구 사용법도 소개됩니다. AI 에이전트 시대의 핵심 개념인 모델컨텍스트프로토콜(MCP), 스킬(Skills), 서브에이전트(Sub-agent)의 역할 역시 다루어집니다.
이어지는 실습에서는 수강생이 자신을 첫 번째 사용자로 설정해 실제로 겪고 있는 문제를 분석합니다. 초기 아이디어를 유저 리서치를 통해 구체화하고, 시장과 유사 사례를 조사한 후 AI가 이해할 수 있는 형태로 PRD를 정리합니다. 리서치 MCP를 활용해 관련 시장을 조사하고, 스킬을 통해 페르소나와 사용자 시나리오도 작성하여 서비스 기획을 명확히 합니다.
오후 세션에서는 AI가 이해할 수 있는 디자인 명세서 ‘DESIGN.md’를 작성합니다. DESIGN.md에는 브랜드의 정체성과 디자인 방향을 구조적으로 기록하여 AI가 일관되게 해석하고 적용할 수 있도록 합니다. 수강생들은 레퍼런스를 바탕으로 자신만의 브랜드 보이스를 정의하고, 디자인 토큰과 주요 UI 요소를 설계하여 DESIGN.md를 완성합니다. 이 과정은 AI가 생성하는 결과물의 스타일 일관성을 높이기 위한 기준점으로 활용됩니다.
완성된 PRD와 DESIGN.md는 UI 프로토타이핑으로 이어집니다. Claude Design을 활용해 와이어프레임과 UI 목업을 작성하고, 처음 설정한 사용자 문제와 기획 의도, 디자인 원칙이 제대로 반영되었는지 검토합니다. 생성된 UI를 평가하고 수정하는 반복 과정을 통해 서비스의 완성도를 높이는 과정도 포함됩니다.
마지막 두 시간 동안은 클로드 코드와 코덱스를 활용하여 앞서 기획하고 디자인한 서비스를 구현하는 실습이 진행됩니다. 수강생들은 코딩 에이전트의 기본 사용법과 오류 대응, 기능 수정 방법을 익히고, 프로토타입을 실제로 동작하는 서비스로 발전시킵니다. AI가 생성한 초기 결과물에 만족하지 않고, 핵심적인 20%를 집중적으로 개선하는 ’80대 20′ 방식의 결과물 다듬기와 검증 방법도 배웁니다. 이후, Agentation과 Playwright 등의 도구를 활용해 문제를 발견하고 수정한 뒤, 완료된 서비스를 버셀(Vercel)이나 넷리파이(Netlify)를 통해 직접 배포합니다.
이번 교육의 가장 큰 특징은 유저 리서치와 기획, 디자인, 개발을 개별 단계로 나누지 않고, 하나의 문제를 출발점으로 삼아 PRD와 DESIGN.md를 연계하여 최종 서비스까지 완성하는 것입니다. 코딩 경험이 없는 사람도 참여할 수 있으며, UX 또한 특정 전공자나 디자이너만을 위한 영역이 아니라, AI가 더 나은 결과물을 만들도록 사용자와 문제를 정의하는 실무 방법론으로 이해될 수 있습니다.
이번 워크숍은 AI 시대에 기획자나 디자이너를 넘어 직접 서비스를 만드는 ‘빌더’로서의 역할을 확장하고 싶은 실무자에게 적합합니다. 강의는 김유정 UX·HCI 박사가 진행하며, 그의 풍부한 경험과 전문 지식이 교육의 질을 높일 것입니다. 자세한 교육 프로그램과 참가 신청 방법은 전자신문인터넷 콘퍼런스 홈페이지에서 확인할 수 있습니다.
[관련기사] https://n.news.naver.com/mnews/article/030/0003472389?sid=105
답글 남기기