brunch

You can make anything
by writing

C.S.Lewis

by 유훈식 교수 Sep 10. 2024

UX 디자이너를 가장 잘 이해하는 AI:UX Pilot

최근 생성 AI 기술을 접목한 다양한 UX/UI 디자인 서비스들이 등장하고 있습니다. 대부분의 서비스들을 직접 사용해보고 있는데 UX 디자이너들의 인사이트 도출과 작업 프로세스를 가장 잘 이해한 서비스가 'UX Pilot'이 아닐까 생각이 되고 있습니다. UX Pilot의 경우 UX/UI 디자이너들이 실제 직면하는 작업의 어려움들을 AI의 도움을 받고, 최적화된 디자인 프로세스를 밟을 수 있도록 도와준다고 생각이 됩니다. UX Pilot에 대한 이해를 돕기 위해서 중요한 기능과 이슈 위주로 정리해보았습니다.


UX Pilot의 주요 기능 소개

UX Pilot AI는 다양한 기능을 제공하여 디자이너들이 더 빠르고 효율적으로 작업할 수 있게 돕습니다. 그 중 6가지의 대표적인 핵심 기능들을 살펴보겠습니다.


Generate Hifi UI Designs (고품질 UI 디자인 생성)

Generate Hifi UI Designs(고품질 UI 디자인 생성) 기능은 사용자가 입력한 텍스트 프롬프트를 기반으로 고품질의 UI 디자인을 자동으로 생성합니다. 이 기능을 사용할 때, 사용자는 모바일 또는 데스크톱 디자인 중 원하는 옵션을 선택할 수 있으며, 상세한 텍스트 설명을 입력하여 원하는 디자인을 구체화할 수 있습니다. 또한 원하는 폰트와 색상 스키마를 선택할 수 있어 브랜드 아이덴티티에 맞는 디자인을 생성할 수 있습니다. 이 기능은 실시간 시장 데이터, 포트폴리오 추적, 투자 분석 도구 등 복잡한 요소를 포함한 디자인도 생성할 수 있어 다양한 분야의 디자인 요구를 충족시킬 수 있습니다. 생성된 디자인은 Figma에서 완전히 편집 가능하며, 디자인에 대한 소스 코드를 추출할 수 있는 기능도 제공합니다.


Generate Wireframes (와이어프레임 생성)

Generate Wireframes(와이어프레임 생성) 기능은 텍스트 프롬프트를 사용하여 빠르게 와이어프레임을 생성합니다. 이 기능은 Figma 플러그인을 통해 Figma에서 직접 사용할 수 있어 편리합니다. 사용자는 생성할 화면 수를 선택하고, 사용할 AI 모델을 지정할 수 있습니다. 상세한 텍스트 프롬프트를 입력하면 더욱 정확한 결과를 얻을 수 있습니다. 현재는 웹 앱 와이어프레임만 생성 가능하지만, 향후 모바일 앱과 랜딩 페이지 옵션이 추가될 예정이라고 합니다. 업데이트 되면 실무 활용성이 더 높아질 것으로 보입니다.


Turn text to insight (텍스트를 인사이트로 변환)

Turn text to insight(텍스트를 인사이트로 변환) 기능은 텍스트 데이터에서 중요한 인사이트를 추출하는 데 사용됩니다. 이 기능은 사용자 인터뷰 질문을 자동으로 생성하고, 인터뷰 실행을 지원합니다. 또한 수집된 데이터에서 자동으로 인사이트를 추출하여 사용자 연구 단계를 최적화하고 가속화합니다. 예전에는 실제 공간에서 포스트잇을 활용해서 사용했던 작업인데, 자동으로 데이터 분석 수행이 가능해졌습니다. 디자이너들이 반복적인 단순 작업은 빠르게 수행하고 더 중요한 곳에 집중할 수 있도록 도와준다고 생각이 됩니다.


AI-based UX design Review (AI 기반 UX 디자인 리뷰)

AI-based UX design Review(AI 기반 UX 디자인 리뷰) 기능은 AI를 활용하여 디자인의 사용성과 접근성을 자동으로 분석하고 개선점을 제시합니다. 개인적으로 이런 기능이 추가가 된다는 것이 정말 놀랍게 생각이 됩니다. UX 디자이너가 편하게 평가 의견을 받을 수 있는 시니어를 한 명 얻게 되었다는 느낌이랄까요. 또한 이 기능은 Figma와 FigJam에 완벽하게 통합되어 있어 편리하게 사용할 수 있습니다. 물론 아직 여기의 평가 의견이 정말 오랜 경력의 시니어 수준은 안된다고 해도 상당히 도움이 된다고 생각이 됩니다.


Generate Custom Workshops (맞춤형 워크숍 생성)

Generate Custom Workshops(맞춤형 워크샵 생성) 기능은 특정 디자인 과제에 맞는 맞춤형 워크샵을 빠르게 생성합니다. 30개 이상의 템플릿을 제공하며, AI를 사용하여 사용자의 요구에 맞는 맞춤형 워크샵을 생성할 수 있습니다. 생성된 워크샵은 FigJam 파일로 변환되어 팀원들과 쉽게 공유하고 협업할 수 있습니다. 이 기능은 전략적 계획 수립 및 이해관계자 참여에 특히 유용하다고 생각이 됩니다.


ChatGPT in your Figma & FigJam file (Figma와 FigJam에서의 ChatGPT 사용)

마지막으로, ChatGPT in your Figma & FigJam file 기능은 Figma와 FigJam 파일 내에서 직접 ChatGPT를 사용할 수 있게 해줍니다. 이를 통해 디자이너는 디자인 프로세스 중 실시간으로 AI 지원을 받을 수 있습니다. 아이디어 생성, 문제 해결, 텍스트 작성 등 다양한 작업에 활용할 수 있으며, Figma와 FigJam의 기존 워크플로우를 방해하지 않고 AI 기능을 자연스럽게 통합할 수 있습니다.


UX Process에
최적화된 워크플로우

UX Pilot의 대표적인 장점 중 하나는 위의 6가지 기능들이 UX 프로세스 상에서 적절하게 활용되어 프로젝트의 각 단계에 필요한 데이터 수집, 분석, 통합, 디자인, 가이드 작성 등 모든 태스크로 자연스럽게 연결이 된다는 것입니다. 다음의 6단계는 UX Pilot 홈페이지에 정리된 내용을 재구성한 것입니다.

1. Requirements Gathering (요구사항 수집): 새로운 프로젝트를 시작하는 데 필요한 요구사항을 정의하고 맞춤형 질문을 생성하여 명확한 방향을 설정하는 단계입니다.     

 

2. User Insight (사용자 인사이트): 사용자 인터뷰를 통해 질문을 생성하고, 인터뷰를 진행한 후, AI를 통해 신속하게 인사이트를 도출하는 단계입니다.


3. Conduct Workshops (워크샵 진행): AI와 다양한 템플릿을 사용해 팀을 한 방향으로 정렬하고, 워크샵을 통해 목표 달성을 위한 명확한 방향을 제시하는 단계입니다.


4. Analyze (분석): 수동으로 정리해야 하는 복잡한 워크샵 데이터를 자동화된 도구를 통해 정리, 분석하는 단계로, 그룹화, 클러스터링, 주요 정보 도출이 가능합니다.


5. Wireframe (와이어프레임 생성): 아이디어를 시각화하고, 프로토타입을 생성하는 단계입니다. 이를 통해 화면 구성 요소를 설계하고 개발 준비가 완료된 화면을 도출합니다.


6. From Requirements to a Style Guide (요구사항에서 스타일 가이드로): 콘텐츠를 정의하고, 폰트 및 색상을 사용해 스타일 가이드를 설정하여 제품의 외형과 느낌을 구체화하는 단계입니다.


UX Pilot AI의 장점

UX Pilot AI는 다양한 측면에서 UX/UI 디자이너들에게 장점을 제공합니다.

1. 시간 절약: 반복적이고 소모적인 작업을 AI가 대신함으로써, 디자이너들은 더 중요한 디자인 작업에 집중할 수 있습니다.

2. 일관성 유지: AI가 생성한 디자인은 프로젝트 전반에 걸쳐 일관된 디자인 언어를 유지할 수 있게 도와줍니다.

3. 데이터 기반 의사결정: AI의 자동 리뷰 기능을 통해 실시간으로 데이터 기반 피드백을 받을 수 있어, 보다 정확한 UX/UI 디자인 결정을 내릴 수 있습니다.


UX Pilot AI의
사용 방법

UX Pilot AI를 사용하는 방법은 매우 직관적입니다. 먼저 웹사이트에서 계정을 생성하고, Figma 플러그인을 설치한 후 텍스트 프롬프트를 입력하면 AI가 디자인 작업을 시작합니다. 와이어프레임, 하이파이 디자인, 또는 맞춤형 워크숍 중 선택할 수 있으며, 생성된 디자인은 수정 가능합니다. 조금 더 자세한 내용은 UX Pilot 자체 블로그를 확인하시면 도움이 됩니다. (https://uxpilot.ai/blogs/generate-ui-figma-ai)


1. 계정 생성 및 구독: UX Pilot 웹사이트에서 계정을 만들고 필요한 구독 플랜을 선택합니다.

2. Figma 플러그인 설치: Figma의 플러그인 커뮤니티에서 "UX Pilot AI: UI Design & Wireframes"를 검색하여 설치합니다.

3. 프롬프트 입력: UX Pilot 인터페이스에서 원하는 디자인에 대한 텍스트 프롬프트를 입력합니다.

4. 디자인 모드 선택: 와이어프레임 또는 하이파이 디자인 중 원하는 충실도를 선택합니다.

5. AI 생성 결과 확인 및 수정: AI가 생성한 디자인을 검토하고 필요에 따라 수정합니다.

피그마 플러그인에서 Hifi UI 생성기 작동법


UX Pilot AI의 구독 방법

UX Pilot은 사용자의 다양한 요구를 충족시키기 위해 무료 플랜과 유료 플랜을 제공하고 있습니다. 무료 플랜에서는 워크샵 생성, 다이어그램 작성, 플로우차트 작성, 그리고 이해관계자 인터뷰 기능을 무료로 이용할 수 있어 기본적인 UX 디자인 작업을 수행하는 데 도움을 줍니다. 

하지만 역시 모든 서비스 기능을 다 써보기 위해서는 유료 플랜을 사용해보는 것이 필요합니다. 유료 플랜은 월 $6의 가격으로 연간 구독 시 이용할 수 있습니다. 무료 버전의 모든 기능에 추가로 사용자 인터뷰, 디자인 리뷰, 무제한 UX 템플릿 사용, Figma/FigJam에서 11개의 AI 도구 사용, 와이어프레임 생성기 등의 고급 기능을 제공합니다. 이러한 유료 플랜을 통해 사용자들은 더욱 효율적이고 전문적인 UX 디자인 작업을 수행할 수 있습니다. 특히 와이어프레임 생성기나 Figma 통합 기능 등은 디자인 작업의 생산성을 크게 향상시킬 수 있는 도구들입니다.


결론

UX Pilot AI는 UX/UI 디자인의 혁신을 가져올 강력한 도구입니다. AI가 제공하는 다양한 기능들은 디자이너들이 더 빠르고 효율적으로 작업할 수 있도록 도와주며, 데이터 기반의 의사결정을 통해 더욱 정확하고 사용자 중심의 디자인을 완성할 수 있게 해줍니다. 그러나 AI 도구는 어디까지나 보완적인 역할을 하는 것이지 디자이너의 창의성과 날카로운 판단력은 더 중요해지고 있다고 생각이 됩니다.


AI & UX/UI 디자이너 오픈 채팅방

https://open.kakao.com/o/g49cFoBg


정기 세미나(무료) 뉴스레터 신청

https://aidesign.stibee.com

* 뉴스레터 신청 후 확인 메일이 안 보이면 스팸함을 확인해주세요.


유튜브 링크:

https://www.youtube.com/@aidesigntv





브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari