AI가 UX를 설계한다? Figr, 화면보다 흐름을 먼저!

by DD
2개월 전
조회수 22

AI 디자인 도구의 한계로 지적된 '제품 사고' 부재를 해결하기 위해, Figr는 UX 설계부터 프로토타입 제작까지 지원

Figr는 제품 맥락 이해를 위해 스크린샷, Figma 파일, 웹 페이지 캡처 등 다양한 제품 데이터 입력을 지원

사용자 흐름(User Flow), 예외 케이스(Edge Case)를 자동 구조화하여, 디자인 반복 사이클 68% 감소, 디자인-개발 핸드오프 시간 45% 단축

제품 정보 입력 부족 시 결과 품질 저하, 디자인 시스템 완성된 조직에서는 효율 저하 가능성 등 도입 시 고려사항 존재

Figr의 핵심 기능: UX 설계부터 프로토타입까지

Figr는 단순히 화면을 생성하는 AI 디자인 도구가 아닌, UX 의사결정(UX Decision), 다양한 제품 데이터 입력, 사용자 흐름 및 예외 케이스 자동 구조화, 제품 스타일 반영 프로토타입 생성을 지원한다.

UX 의사결정: 프롬프트 대신 서비스 설명, 파일 업로드, 웹사이트 링크 등록을 통해 제품 문제 정의(Problem Definition)에 집중

데이터 입력: 스크린샷, Figma 파일, 화면 녹화 영상 등 다양한 형태의 데이터 입력으로 제품 맥락(Product Context) 이해를 돕는다.

자동 구조화: User Flow, Edge Case, Information Architecture, Test Case 등 구조적 결과물로 제품 설계(Product Design) 효율성을 높인다.

결과적으로 Figr는 제품 설계 전반을 지원하며, 디자인 반복 사이클 감소 및 핸드오프 시간 단축에 기여한다.

Figr 사용 방법: 제품 분석 및 설계 과정

Figr를 사용하는 과정은 일반적인 디자인 툴과 다르며, 제품 분석 및 설계에 초점을 맞춘다.

1단계: 제품 맥락(Product Context) 입력, 서비스 화면 캡처, Figma 파일, 화면 녹화 영상, 제품 문서 업로드

2단계: AI가 질문을 통해 제품 문제(Product Problem) 정의, 사용자 이탈 지점, 핵심 사용자 목표 파악

3단계: 사용자 흐름(User Flow), 예외 케이스, 테스트 케이스, 정보 아키텍처 생성, 제품 설계 구조화

4단계: 기존 디자인 시스템을 반영한 UI 프로토타입 생성, A/B Variation 제안, 접근성 체크, UX 리뷰, Figma export 지원

Figr는 제품 설계 전반을 지원하며, 기획자, 디자이너, 개발자 간의 원활한 소통(Smooth Communication)을 돕는다.

Figr의 장점: 제품 설계 효율성 향상

Figr는 기존 AI 디자인 도구의 한계를 극복하고, 제품 설계 효율성을 높이는 데 기여한다.

디자인 반복 사이클 68% 감소, 디자인-개발 핸드오프 시간 45% 단축, 디자인 운영 비용 40% 절감

B2B SaaS 스타트업의 경우, 디자인 일관성 개선으로 사용자 활성화율 22% 증가

제품 사고(Product Thinking)를 AI가 돕고, UX 설계 단계에서 발생하는 문제점을 사전에 파악

Figr는 제품 개발 과정에서 발생하는 비용과 시간을 절감(Cost and Time Reduction)하고, 사용자 경험을 개선하는 데 기여한다.

Figr 도입 시 고려사항: 초기 세팅 및 조직 적합성

Figr는 모든 조직에 적합한 도구는 아니며, 도입 시 몇 가지 고려사항이 존재한다.

제품 정보 입력의 중요성: 컨텍스트 기반 AI이므로, 제품 정보(Product Information) 입력 부족 시 결과 품질 저하

초기 세팅 투자 필요: Figr의 진가를 발휘하기 위해서는 초기 세팅에 충분한 시간과 노력을 투자해야 함

조직 적합성: 디자인 시스템이 완성된 대형 조직에서는 충분한 온보딩 없이는 기대보다 효율이 낮을 수 있음

결과적으로 Figr는 PM 중심의 제품 조직이나 초기 기획 단계에서 더 큰 효과를 발휘할 수 있으며, 조직의 특성에 맞는 도입 전략(Adoption Strategy)이 필요하다.

AI가 UX를 설계하는 방식: 화면보다 흐름이 먼저인 ‘Figr’