brunch

AI시대, UX/UI디자인하는 방식은 이렇게 변합니다.

by 유훈식 교수

AI 시대의 디자인 방식 변화

AI 기술의 발전으로 UX/UI 디자인 업무 방식도 급속히 변화하고 있습니다. 단순 반복 업무나 시간 소모적인 태스크들은 이제 생성형 AI를 통해 자동화할 수 있게 되었습니다. 예를 들어, 이미지는 미드저니와 같은 AI 도구로 생성할 수 있고, 코드는 ChatGPT와 같은 언어 모델로 스크립트를 작성할 수 있습니다.


실제 업계의 취업 전선에서도 이러한 변화가 실제적으로 나타나고 있습니다. 카카오의 경우 “AI가 대신할 수 있는 직무에 대해 신규 채용을 제한”하기로 결정하며, 신입 개발자의 채용을 줄이고 AI를 활용하는 개발자들의 역할을 강화하는 모습을 보이고 있습니다. 이처럼 AI를 적극 활용하지 않는 인력의 필요성은 줄어들고, 반대로 AI를 잘 다루는 인재의 중요성은 크게 높아지고 채용 변화는 앞으로 더욱 강화될 것입니다.

AD_4nXd1cI1ZFI_Py9p77Ub49H3GYrYCZx92Re5rF9ufntIdNU0lFuvBmcwFiDuj6ispXEaVWU_rAuSm5aNgqP49ME-VlE_IySbSZbU7_vmsq6atMTTLOpP9AYk1osGqr-7oATU4ZIn7?key=sWkPUkJCLf7L35iEROHAqxTU 카카오의 개발자 신입 채용 관련 기사

캔바도 최근 AI 기능들을 업데이트하였습니다. 이제는 일반적인 대중들도 AI 도구들을 활용해서 간단한 디자인 작업들은 쉽게 디자인 결과물을 만들 수 있게 되었습니다. 디자이너들은 이제 단순한 수준의 AI 활용이 아니라 더 높은 수준의 AI 활용 능력과 디자인 역량이 모두 필요한 시기를 맞이하고 있는 것입니다.


AD_4nXf3sMnijBbBUbRZ93xhv5g2CJu9oCIy-LYGnl-OrGqaM2s7g9TVNDnt7Lut7Zk7FSMaKkMOaHgJnlXQBE88ipqkHsmNhKRLtkSA01jIeOoJfoRJiLI4darw6Myc_M8y5d64x-pbAg?key=sWkPUkJCLf7L35iEROHAqxTU 최근 업데이트된 캔바의 AI 기능 소식


프롬프트 엔지니어링을 통한 UX 데이터 분석 및 UI 기획

AI 시대에 UX/UI 디자이너에게 가장 먼저 요구되는 것은 프롬프트 엔지니어링(prompt engineering) 역량입니다. 프롬프트 엔지니어링이란 AI에게 적절한 지시나 질문(프롬프트)을 구성하는 기술을 의미합니다. 거대 언어 모델(LLM) 기반 AI가 사용자 리서치 결과 요약, 기획 아이디어 도출, 사용자 시나리오 작성 등 거의 모든 UX 프로세스 단계에 활용되고 있는 만큼, 초급 디자이너라도 AI에게 “무엇을 어떻게 물어볼지”를 잘 알아야 합니다.

AD_4nXf5U03khhl1ebE7XIlP3Q1KGr9d9nQxXZXsPJYeDT9h2nO4h2hOizdtOPHkSHGuIpvx0-Y8wOZ3IFzQgurWCDbByZld5jLo1cyd8RwmgivUa_ENCoH6isPZBTRVDwVLfWT4kxAe?key=sWkPUkJCLf7L35iEROHAqxTU 프롬프트 엔지니어링 기법 유형들

특히 정성적 데이터 분석에 프롬프트 엔지니어링이 큰 힘을 발휘합니다. 예를 들어 사용자가 남긴 긴 피드백이나 인터뷰 기록이 있다면, ChatGPT 같은 LLM AI에 적절한 프롬프트를 입력함으로써 주요 이슈를 요약하거나 인사이트를 도출해낼 수 있습니다. 또한 페르소나 기반 시나리오 작성이나 사용자 여정 지도 설계에도 AI를 활용할 수 있습니다. 프로젝트의 목적, 대상 사용자, 요구사항 등을 프롬프트에 맥락과 함께 구체적으로 설명하면, AI가 해당 정보를 토대로 서비스 아이디어나 화면 흐름을 제안해 줄 수 있습니다. 이렇게 프롬프트 엔지니어링 기법을 적용하면, 기존에 100시간 걸리던 작업을 10시간 이내로 단축하는 것도 가능해집니다.

AD_4nXe1J9xsyhRHHqNcXlBwitaqh5r5g-aC0U_ZHTlkutMhOyxlROuOlWEWJ_oZEPP1Vm37cw3JnpPDfquNScKE8sHgHqNRgrr_7_GH7SxBeQa8pAhPtXBmoI86f7di2D0fUFxLFihtmQ?key=sWkPUkJCLf7L35iEROHAqxTU AI-UXDTQ 교육과정에서 학습하는 UX 관련 프롬프트 체계화 구조 중 일부

프롬프트 엔지니어링을 UI 기획 단계에도 응용할 수 있습니다. 예를 들어 디자이너가 “로그인 페이지에는 이메일 입력창, 비밀번호 입력창, 로그인 버튼이 필요하고, 비밀번호 찾기 링크도 추가해야 한다”는 요구사항을 ChatGPT에 프롬프트로 전달하면, AI가 이러한 요구사항을 바탕으로 UI 요소 목록이나 레이아웃 초안을 제안할 수 있습니다. 이는 마치 동료와 브레인스토밍하듯이 AI와 대화를 주고받으며 기획 아이디어를 구체화할 수 있는 것입니다.


이미지 생성 AI를 활용한 UI 디자인 및 상세 이미지 제작

텍스트 뿐만 아니라 이미지 생성 AI도 UX/UI 디자인 업무에 혁신을 가져오고 있습니다. 과거에는 디자이너가 레퍼런스 이미지를 찾거나 직접 그래픽을 제작해야 했지만, 이제는 원하는 이미지를 글로 묘사하는 것만으로 AI가 결과물을 만들어줄 수 있습니다. 미드저니(Midjourney)와 같은 대표적인 이미지 생성 AI를 활용하면, UI 디자인 콘셉트 이미지를 손쉽게 만들고 스타일 가이드에 활용할 색상 팔레트나 아이콘 세트도 빠르게 시각화할 수 있습니다.

AD_4nXcHldF8K44FYOa9Su_9VcmZz8N0ZwFzVAK-Fkc9sDIfb7aP2q3ZJoaQ1yahnuWm4Ep9DmuJLowCeOhgntgv330jGFuaaVQyTLLSZfTV_7Atw_cw1Z1l7jJilfUK5ZFQCeenyhIvHA?key=sWkPUkJCLf7L35iEROHAqxTU AI-UXDTQ에서 학습하는 GUI 이미지 생성 프롬프트 중 일부
AD_4nXfDTlUFesoFLDcS-cZJa5p1otV5am0sMh__xly6HldoR6IncrOX0XmZ-aIPirs5GnSN8ljBdqy67k2TCDkc7ll3KTrrYuQ4krWzJe1Hz09YJmlLScEgffvQV3_GshyOurJsfV-h?key=sWkPUkJCLf7L35iEROHAqxTU AI-UXDTQ에서 학습하는 GUI 이미지 생성 프롬프트 중 일부

아이콘 제작에도 이미지 생성 AI가 활용되고 있습니다. 오픈AI도 최근 ChatGPT와 Sora에서 함께 활용할 수 있는 Image Generation 기능을 제공하기 시작하였습니다. 적절한 프롬프트만 주면 일관된 스타일의 아이콘 세트를 만들어낼 수 있습니다. 실제 한 디자이너는 ChatGPT-4에 아이콘 스타일 가이드라인(예: 색상, 두께, 크기 등)을 프롬프트로 입력하고 “전구 모양의 아이콘”을 요청하여 원하는 스타일에 맞는 아이콘을 생성해냈습니다. 이처럼 텍스트만으로 아이콘 디자인도 가능해지고 있어, 초급 디자이너라도 몇 가지 예제를 따라 해보며 익힐 수 있습니다.

AD_4nXfsZ30hzXSTTBgbRTqLPZhyJE43NDJiPR6PjXL0O72tzMljgJYIaRnt-5KWI0qWaoAnudtZnn9x0Qr5m1Eywt0JdmrwJK7NUx0LrIs1Yzat-50s4RpR0ozI7uvKwyIXlISVXrr1?key=sWkPUkJCLf7L35iEROHAqxTU
AD_4nXdYBFH8xGCZFK3WAjQp0aNIzGl45UfBdpjumOMtLQqziYSQSMUbqNtPn47w-YOlNXGgvSS2QELk1Cf3J0T2leLXy-QrW9jWdwK6pk-pUgWRg9kxoxQnLHjw2H1YY1pdH-KVoIfLQg?key=sWkPUkJCLf7L35iEROHAqxTU AI-UXDTQ에서 학습하는 상세 이미지 생성 작업 중 일부

무엇보다 중요한 것은, 이미지 생성 AI의 활용 범위가 매우 넓다는 점입니다. 단순히 배너나 아이콘 몇 개를 뽑는 것에 그치지 않고, 제품 콘셉트 아트나 프로토타입에 넣을 분위기 이미지까지 손쉽게 만들어낼 수 있습니다. 기존에 디자이너가 상상하기 어려웠던 새로운 미적 요소를 AI가 제안해주기도 하고, 생성된 이미지를 약간 보정해서 실제 UI의 배경 그림이나 일러스트로 곧바로 활용하는 것도 가능합니다. 예를 들어 앱 소개 화면에 들어갈 삽화가 필요하다면, “친근한 스타일의 캐릭터가 앱을 사용하는 장면”이라고 프롬프트를 넣어 이미지를 얻고, 약간의 편집만 거쳐 바로 화면에 적용할 수 있는 식입니다. 이미지 생성 AI의 품질은 갈수록 향상되고 있으며 사용법도 쉬워지고 있기 때문에, 앞으로 디자이너들이 이미지 AI를 활용하는 범위는 더욱 극대화될 것입니다.


Text to UI 자동화 도구를 통한 UI 디자인

이제는 “텍스트를 입력하면 UI 디자인이 나오는” 시대가 되었습니다. Galileo AI, Relume AI, Creatie AI 등은 이러한 Text to UI 개념을 현실로 만들어주는 대표적인 도구들입니다. 이러한 AI 기반 UI 디자인 툴들을 활용하면, 디자이너가 일일이 화면을 그리지 않아도 자연어로 작성된 요구사항만으로 초기 UI 시안을 자동 생성할 수 있습니다. 그 결과 프로토타이핑 속도가 비약적으로 증가하고, 더 짧은 시간에 다양한 시안을 만들어 볼 수 있게 되었습니다.


Galileo AI (갈릴레오):

GPT 기반의 높은 언어 이해력을 갖춘 대표적 Text-to-UI 플랫폼입니다. 예를 들어 Galileo에 *“쇼핑몰 앱의 사용자 프로필 화면”*이라고 설명하면, AI가 해당 설명을 해석해 프로필 화면 UI 시안을 즉시 생성해 줍니다. 디자이너는 빈 화면에서 컴포넌트를 하나씩 배치하는 대신, Galileo가 만들어준 초안을 출발점으로 디자인을 다듬으면 됩니다. 실제 Galileo AI는 한 번의 프롬프트로 여러 개의 대안 화면을 만들어주기도 하는데요, 이를 통해 여러 가지 레이아웃을 비교하면서 최적의 디자인 방향을 찾는 데 도움을 얻을 수 있습니다. 또한 AI가 디자인 의도를 설명해주는 기능도 있어, 생성된 결과물을 이해하면서 수정 방향을 정할 수 있습니다.

AD_4nXe_w_0DZdGF17yktLaDcKjgD34fmk5iL_Xz469l8Cg6VNIINCypJ0_Mu1Il_xjEq66pM_yVjJjZxREA0fq4HfrMWO0XnwvZV_EcBB6g500UjL_AFeWQ0qbYXIwOj25dQrsmkoms6g?key=sWkPUkJCLf7L35iEROHAqxTU
AD_4nXcrLt_JlZWF03-u4ieOd4e6zA1ayFjU_ux5nwIDKNFA0UoXN5X_P_D1x6WXpbcXajC9e4Zvf7-_jmR8zQlEDukpwwx9BqZ_ijAu-f-VNMoFvKKukiuire5hP2ZVgMn-24wPgLjhQQ?key=sWkPUkJCLf7L35iEROHAqxTU AI-UXDTQ에서 학습하는 Text to UI 활용 방식 구조화 중 일부


Relume AI (리룸):

웹사이트 디자인 특화 자동화 도구로, 텍스트로 사이트맵과 와이어프레임을 생성해주는 것이 핵심 기능입니다. 예를 들어 Relume에 “여행 블로그 사이트: 홈, 게시판, 게시글, 프로필 페이지로 구성”이라고 입력하면, AI가 사이트 전체 구조를 나타내는 사이트맵을 자동 생성하고 각 페이지에 적합한 와이어프레임 레이아웃을 제안해 줍니다. 덕분에 디자이너는 프로젝트 초반에 기본 뼈대를 빠르게 잡을 수 있고, 이후 세부 디자인에 집중할 수 있습니다. Relume의 또 다른 유용한 기능은 UI 스타일 가이드 자동 생성인데, 팀이나 프로젝트별로 일관된 색상 팔레트, 타이포그래피, 버튼 스타일 등을 정의한 가이드를 자동으로 만들어줍니다.

AD_4nXeR5fKcnh3DPUZejtM-qMLFeraVtW6Tg5TbLLCka_nUL7OEuYGk-msGZk1nUSJwH56o6Sx3pimwgRZ3AVmYhh7j7hTtkKNgFl042UOsAb4W-9jMDYzRqZWKPbLt6IQQnRVEqBwi?key=sWkPUkJCLf7L35iEROHAqxTU
AD_4nXcH6HGc3k-lRSJvS-qwbXXYWBrS47gKDn-Ch5xhVBcym-qXjovdVFU2PxwXvREzXWdzwGYP8F81t9ODrS2PyS2BtZFv_iLLYX8D_HRbnQHpSA0UEQICWim-llpdy4I2KeNi_c3j?key=sWkPUkJCLf7L35iEROHAqxTU AI-UXDTQ에서 학습하는 Text to 와이어프레임 교육 내용 중 일부


Creatie AI (크리에이티):

Figma와 유사한 인터페이스를 제공하면서도, 더욱 강력한 AI 보조 기능을 통합한 신개념 UI 디자인 툴입니다. Creatie의 “Create Wizard”라는 기능을 사용하면 디자이너가 빈 프레임만 만들어놓고 “대시보드 화면” 등 간단한 지시를 내리면, AI가 거기에 맞춰 관련 UI 컴포넌트를 자동 배치하여 몇 분 만에 목업(mockup)을 완성해 줍니다. 또한 디자인 변화 적용에도 AI가 도움을 주어, 한꺼번에 테마를 바꾸거나 컴포넌트 스타일을 일괄 조정하는 등 반자동화된 편집이 가능합니다. 예를 들어 전체 디자인의 색상 테마를 파란색 계열로 변경하고 싶다면, AI에게 지시하여 일괄 변경하고 디자이너는 결과를 미세 조정하는 식입니다.

AD_4nXd8E7wBUe_p2vNL-zzRwiA1rXmpVlCkxqZnHUminwehykjnHybNg1jXRMuVekVV_tzinHIDfXmjbiLatlkSprIfTfJJRp8tkCMh0rcEcuocxn2iTsomJ3fiHenMl7xl6S6NtQCK?key=sWkPUkJCLf7L35iEROHAqxTU
AD_4nXeewQv8XVhXFVFXHJ_VH_lL4ZkKw7Gaw4PgdaSSkhjEEAqyI_ivE8IckequivmwSLtwhyl0H1cPksgRJMCo28pTy-lyQnTmGPIo9pTQUJ10_hWFlEgCEzzcYpNT8R6jCswzhaAH?key=sWkPUkJCLf7L35iEROHAqxTU AI-UXDTQ에서 학습하는 Creatie AI 교육 내용 중 일부


Make를 활용한 UX 디자인 프로세스 자동화

AI 시대에는 개별 작업뿐 아니라 디자인 프로세스 전체를 자동화하는 시도가 이루어지고 있습니다. 대표적인 워크플로 자동화 도구인 Make는 이런 흐름에서 주목받는 서비스입니다. Make를 활용하면 디자이너가 반복적으로 수행하던 여러 작업들을 시나리오에 따라 자동 실행되도록 연결할 수 있습니다. 예를 들어, 디자인 파일이 업데이트되면 자동으로 Zeplin에 스펙을 내보내고 Slack으로 팀원들에게 알림을 보내는 식의 프로세스를 구축할 수 있습니다. 또 다른 예로, 사용자 설문조사 응답이 폼에 누적되면 AI가 이를 요약해 Notion에 정리하고, 요약본을 이메일로 공유하는 시나리오도 만들 수 있습니다. 이렇듯 Make를 통해 디자인 협업 도구들과 AI 서비스를 연동하면 사람의 개입 없이도 상당 부분의 UX 업무 흐름을 자동화할 수 있습니다.

AD_4nXekyaFPQ4I_JrS-rEC37tX_LaoOqVy0hQ-dymu9zGui_dN0IQ3Oxzij7PyphXli6pcQcOqFozdy1MljIcALabPfQOwdyYrFim00J3uSABrOZuf9NDEvp2Y0_nbZy1l04Um0KRRqGw?key=sWkPUkJCLf7L35iEROHAqxTU
AD_4nXcM8njIcZlpUCx9iS953jawLWvjQ9PaG2XY3KOA57k7AqGtJfY16SSxT4PSgTmuPKTh7QhzrSt7JOToLZwMG79pLx-ujvBoSGOVAlUs-YhuzU5cLhIQoQoLPmN6Qb5wmjRda4lo?key=sWkPUkJCLf7L35iEROHAqxTU AI-UXDTQ에서 학습하는 Make를 활용한 UX 디자인 자동화 중 일부

이미 현재도 다양한 자동화가 가능하지만, 2025년에는 이 자동화가 한층 고도화될 것이라고 예상됩니다. 기존에는 단순히 “이벤트가 발생하면 정해진 액션을 한다” 정도였다면, 앞으로는 AI 에이전트가 사용자 정보와 맥락을 분석한 뒤에 최적화된 디자인 콘셉트를 제안하고 관련 UI 디자인을 자동 생성해주는 수준까지 구현될 수 있다는 전망입니다. 예를 들어, AI가 사용자의 행동 데이터를 분석하여 “우리 앱의 다음 개선 방향은 A기능의 UI를 단순화하는 것”이라는 인사이트를 도출하고, 곧바로 참고가 될 만한 UI 시안까지 생성해주는 시나리오도 제작할 수 있습니다.


자동화된 시스템을 잘 갖추면 반복적인 작업으로 낭비되는 시간을 크게 줄일 수 있고, 디자이너는 보다 중요한 창의적 과제와 사용자 요구 분석에 집중할 수 있습니다. 예를 들어 매주 해야 했던 리포트 작성이나 디자인 스펙 정리는 자동화하고, 그 시간에 사용자 인터뷰에서 얻은 인사이트를 바탕으로 새로운 아이디어를 구상하는 데 몰두할 수 있는 것입니다. 궁극적으로 이러한 자동화 역량은 디자인 퀄리티를 높이면서도 프로젝트 일정을 단축시키는 효과를 냅니다. 조직 내에서 AI를 활용한 자동화 프로세스를 주도적으로 구축하는 디자이너는 업무 생산성 향상과 비즈니스 가치 창출에 직접 기여하는 셈이어서, 그 역할과 입지도 더욱 중요해질 것입니다.


AI-UXDTQ 기술자격과정

위와 같은 AI시대의 변화에 따라 UX/UI 디자이너들이 자신의 역량 변화를 준비할 수 있도록 기획된 기술교육 과정이 바로 AI-UXDTQ입니다. 이 과정에는 위에서 언급한 UX/UI 디자인을 위한 프롬프트 엔지니어링, 이미지 생성 AI 활용법, UI 자동화 도구 활용, Make를 활용한 UX 프로세스 자동화에 대한 모든 내용을 학습할 수 있도록 최적화된 교육으로 구성이 되어 있습니다. 이러한 교육과 실습, 기술자격 취득을 통한 방식은 AI 시대를 준비하는 UX/UI 디자이너에게 큰 도움이 될 것입니다.

AD_4nXdWFqh4UFLn4CAabqI2uZaqwuAaVUv1RWLGkRsS_HXwoFZp2QEeJWLrfUa2-_NwabZ9sLX0P2zlMcjD57zskh_BQTrKMVTR9aMzLDvHBCixs97rTn-o1e9iUXZPNK_M2huu0SOlOQ?key=sWkPUkJCLf7L35iEROHAqxTU AI-UXDTQ 기술자격증 인쇄본 예시

지금까지 살펴본 것처럼, AI 시대의 UX/UI 디자인은 작업 방식부터 필요한 역량까지 큰 변화를 맞이하고 있습니다. 초급 디자이너에게는 다소 낯설 수 있지만, 작은 부분부터 AI를 활용해보면서 차차 익숙해지는 것이 중요합니다. 프롬프트를 다듬어 가며 AI와 협업하는 경험, 미드저니로 이미지 무드보드를 만들어보는 시도, Galileo나 Relume로 자동 생성된 UI 초안을 살펴보는 연습 등을 통해 새로운 도구의 가능성을 체득하는 것이 좋습니다. 결론적으로 AI는 우리를 대체하는 존재가 아니라 능력을 확장시켜주는 파트너입니다. 2025년의 급변하는 디자인 환경에서 경쟁력을 갖추기 위해, 이제 AI와 함께 디자인하는 방법을 배우는 일은 선택이 아닌 필수가 되었다고 할 수 있습니다. 변화의 흐름을 두려워하기보다 새로운 도구를 통한 창의성 향상과 업무 효율 극대화를 즐기며, 한 단계 성장하는 디자이너가 될 수 있으면 좋겠습니다.


https://onoffmix.com/event/320981


keyword
매거진의 이전글AI로 무드보드를 만드는 프롬프트 작성의 비결